《js验证用户名密码》由会员分享,可在线阅读,更多相关《js验证用户名密码(2页珍藏版)》请在金锄头文库上搜索。
1、$(function() function validate($dom) var v=$dom.val(); var id=$dom.attr(“id“); var flag=true; switch(id) case “uname“: var reg=/a-zA-Z0-94,16$/; if(v=“) $(“#unamemsg“).removeClass().addClass(“register_prompt_error“).html(“用户名不能为空“);$dom.removeClass().addClass(“register_input_blur“); flag=false; else
2、 if(reg.test(v)=false)$(“#unamemsg“).removeClass().addClass(“register_prompt_error“).html(“格式不正确“);$dom.removeClass().addClass(“register_input_blur“); flag=false; else$(“#unamemsg“).removeClass().addClass(“register_prompt_ok“).html(“正确“);$dom.removeClass().addClass(“register_input“); break; case “pw
3、d“: var reg=/a-zA-Z0-96,20$/; if(v=“)$(“#pwdmsg“).removeClass().addClass(“register_prompt_error“).html(“密码不能为空“);$dom.removeClass().addClass(“register_input_blur“); flag=false; else if(reg.test(v)=false)$(“#pwdmsg“).removeClass().addClass(“register_prompt_error“).html(“格式不正确“);$dom.removeClass().add
4、Class(“register_input_blur“); flag=false; else$(“#pwdmsg“).removeClass().addClass(“register_prompt_ok“).html(“正确“);$dom.removeClass().addClass(“register_input“); break; default: break; return flag; $(“#uname“).focus(function() $(this).removeClass().addClass(“register_input_focus“); $(“#unamemsg“).re
5、moveClass().addClass(“register_prompt“).html(“用户名 4 到 16 位“);).blur(function() validate($(this); );$(“#pwd“).focus(function() $(this).removeClass().addClass(“register_input_focus“); $(“#pwdmsg“).removeClass().addClass(“register_prompt“).html(“密码6 到 20 位“);).blur(function() validate($(this); );$(“#myForm“).submit(function() var flag=true; $(this).find(“input“).each( function(i,ele) if(!validate($(ele) flag=false; return flag; ); ); ); 这里写的是用户名和密码的验证,过程 1 . 声明正则表达式的格式 ,2.获取目标表单的值,3. reg.test(v)=false 判断格式是否正确,4 根据结果添加或者改变或者删除一些 css。5.如果结果都正确,允许提交,否则不允许提交。