注册demo，使用jQuery异步验证账号是否存在

功能

jQuery验证账号是否存在

form表单提交判断，失焦判断

界面

Ajax代码，验证用户rye1是否存在

     function check_UserId() {$userId = $("#userId").val();$.post("checkUserId","userId=" + $userId,function (result) { // 异步访问servlet的数据if (result == "true") { // rye1 存在 禁用注册alert("账号存在!");document.getElementById("sub").disabled = true;}if (result == "false") {document.getElementById("sub").disabled = false;// 提交可用// $("#sub").disabled = false;}},"text");}

index.jsp 页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html><head><base href="<%=basePath%>"><title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="" src = "scripts/jquery-1.8.3.min.js"></script><script type="text/javascript">function check_form() {var els = document.getElementsByTagName("input");for (var i = 0; i < els.length; i++) {if (typeof(els[i].getAttribute("onblur")) == "string" || typeof(els[i].getAttribute("onblur")) == "function") {if (!check_item(els[i])) {return false;}}}return true;}function check_item(obj) {var msgBox = obj.parentNode.getElementsByTagName("span")[0];var val = obj.value.trim();var name = obj.name;switch (name) {case "userId":if (val == "" || val == null) {msgBox.innerText = "填写用户名";return false;} else {// 验证账号是否存在check_UserId();}              break;case "userPwd":if (val == "" || val == null) {msgBox.innerText = "填写密码";return false;} }return true;}function focus_item(obj) {var msgBox = obj.parentNode.getElementsByTagName("span")[0];msgBox.innerText = "";}</script></head><body><form action="registerServlet" method="post" onsubmit="return check_form()"><table><tr><td>userId: <input type="text" name="userId" id="userId" onfocus="focus_item(this)" onblur="check_item(this)"/><span></span></td><td>userPwd:<input type="password" name="userPwd" onfocus="focus_item(this)" onblur="check_item(this)"/><span></span></td></tr><tr><td><input type="submit" value="注册" id="sub" disabled="disabled"/></td><td><input type="reset" value="重置"/></td>                            </tr></table></form></body>
</html>

测试注册按钮可用！

注册demo，使用jQuery异步验证账号是否存在相关推荐

Ajax+jquery实现异步验证用户名功能
页面 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <h ...
jQuery Validate验证框架详解
2019独角兽企业重金招聘Python工程师标准>>> 一.导入js库 <script type="text/javascript" src="& ...
MVC验证10-到底用哪种方式实现客户端服务端双重异步验证
本篇将通过一个案例来体验使用MVC的Ajax.BeginForm或jQuery来实现异步提交,并在客户端和服务端双双获得验证.希望能梳理.归纳出一个MVC异步验证的通用解决思路.本篇主要涉及: 1.通 ...
jQuery异步上传文件
jQuery异步上传文件我想通过jQuery异步上传文件,这是我的HTML: 1 2 3 <span>File</span> <input type="fil ...
jQuery.Validate 验证
jQuery校验一导入js库 <script src="../js/jquery.js" type="text/javascript"></ ...
jquery. Validator验证框架ajax返回json数据
今天在使用jquery. Validator验证框架的过程中遇到了一个这个的问题: 我需要动态的去验证注册邮箱是否已经存在了,所以需要用到ajax请求来解决该问题.但在使用该验证框架的ajax异步请求 ...
unity(登录注册用手机号短信验证）
短信验证 1.短信验证我是通过mob的SMSSDK实现的(free) 官网下载:http://www.mob.com/wiki/detailed?wiki=SMSSDK_for_Unity3D& ...
Ajax注册表单用户名实时验证
原文地址为: Ajax注册表单用户名实时验证 1.1.1 摘要很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用户名和电子邮件地址: ...
ajax注册表单用户名实时验证,Ajax注册表单用户名实时验证..doc
Ajax注册表单用户名实时验证. Ajax注册表单用户名实时验证 1.1.1 摘要很多时候在网站上注册时,我们会发现,注册表单通常需要检查用户名和电子邮件地址的可用性:从而确保用户之间不拥有相同的用 ...

注册demo，使用jQuery异步验证账号是否存在

注册demo，使用jQuery异步验证账号是否存在相关推荐

最新文章

热门文章