JSP中在提交表单之前，发送ajax请求进行js的验证

来源：互联网发布：spring源码视频编辑：程序博客网时间：2024/06/04 19:33

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 +"");%>

0 0