JSP中在提交表單之前,傳送ajax請求進行js的驗證
阿新 • • 發佈:2019-01-23
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 +""); %>