1. 程式人生 > >JSP中在提交表單之前,傳送ajax請求進行js的驗證

JSP中在提交表單之前,傳送ajax請求進行js的驗證

JSP中的程式碼:

<script type="text/javascript">


 // 校驗Phone number是否有效
 function checkPhoneNumber() {


  // 定義ajax變數xmlhttp  
  var xmlhttp;
  // 建立xmlhttp  
  if (window.XMLHttpRequest) {
   xmlhttp = new XMLHttpRequest;
  } else {
   xmlhttp = new ActiveObject("Microsoft.XMLHTTP");
  }

  // 獲取username的輸入值  
  var id = document.getElementById("randomId").value;
  // 拼接請求URL  
  var url = "/RBS/Tnc/phone_validate.jsp?phone=" + phone + "&id=" + id;
  xmlhttp.open("get", url);
  xmlhttp.send();
  // 設定回撥函式  
  xmlhttp.onreadystatechange = function() {
   // 判斷請求狀態  
   if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    // 獲取返回的responseText 值  
    if (xmlhttp.responseText == -4) {
     telephoneStatus = false;//使用者所填的電話號碼與伺服器端的不一致
     document.getElementById("spPhoneTip").style.display = "";
    } else {
     telephoneStatus = true;//使用者所填的電話號碼與伺服器端的一致
     document.getElementById("spPhoneTip").style.display = "none";
    }
   }
 }
</script>

跳轉到phone_validate.jsp的程式碼

<%@ page language="java" contentType="text/html; charset=UTF-8"
 pageEncoding="UTF-8"%>
<%@ page import="com.hthk.iisz.dao.TcnConnectDatabaseDao"%>
<%
 String phone = request.getParameter("phone");
 String id = request.getParameter("id");
 TcnConnectDatabaseDao t = new TcnConnectDatabaseDao();
 int resultcode = t.getConnection(id, phone);
 response.getWriter().write("" +resultcode +"");
%>