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




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值