`
xiaoan6688
  • 浏览: 2774 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery.jsp.asp动态异步验证精华

阅读更多

jquery动态验证 ,jquery对jsp验证,jquery对asp 验 证,非空验证,合法性验证……随着电子商务的飞速发展,广泛应用,人类对电商的依赖程度越来越高。对用户信息的要求也越来越细,越多,但是当这些信息要保 存的时候,对用户输入的信息的规范进行验证显得至关重要,比如一些:用户名,编号等等一般都要进行是否重复验证,如果这些动作放在服务器端验证的话,不但 增加了服务器的访问压力,用户体验也不好,就在这时候出现了一个新的技术:jquery动态验证,它可以做到局部验证 ,提高了用户体验的质量。下面是我在工作中的一点点记录,分享一下,希望能帮助大家,供大家参考,望大家多多指点。共同讨论:

function checkRegist(){
 /*验证用户名*/
    var user = getElementByName("name");
    var pat=new RegExp("^[a-zA-Z][a-zA-Z0-9_]{3,19}$","i");
 if(user.value.length == 0)
    { 
     $("#checkName").html("请输入用户名!").css("color","red");
        return false;
    }else if( 0 < user.value.length && user.value.length < 6){
  $("#checkName").html("用户名至少为6位!").css("color","red");
  return false;
 }else if(user.value.length >10){
  $("#checkName").html("用户名长度最大12位!").css("color","red");
  return false;
 }else if(pat.test(user.value)==false){
  $("#checkName").html("用户名不合法!").css("color","red");
  return false;
 }else{
     $("#checkName").html("")
    }
    
 /*密码检验*/
    var passwd = getElementByName("password1");
    if (passwd.value.length == 0) {
 $("#pwdRemind").html("密码不能为空!").css("color","red");
 return false;
    }else if(passwd.value.length < 6){
 $("#pwdRemind").html("密码至少为6位!").css("color","red");
 return false;
    }else if(passwd.value.length > 16){
 $("#pwdRemind").html("密码长度最大16位!").css("color","red");
 return false;
    }else{
 $("#pwdRemind").html("");
    }
 
    /*两次输入密码是否一致*/
    var passwd2 = getElementByName("password2");
    if (passwd2.value != getElementByName("password1").value) {
 $("#checkPwd").html("两次密码不相同!").css("color","red");
 return false;
    }
 
 /*验证用户真实姓名*/
    var truename = getElementByName("trueName");
    var strs=truename.value.replace(/(^\s+)|(\s+$)/g, "");
    if(strs.length == 0)
    {
        $("#checktrueName").html("请输入真实姓名!").css("color","red");
        return false;
    }else if( !strs.match(/^[\u4e00-\u9fa5]{2,5}$/)){
  $("#checktrueName").html("只能输入2-5个汉字").css("color","red");
  return false;
 }else if( 0 < strs.length && strs.length < 2){
  $("#checktrueName").html("长度过短").css("color","red");
  return false;
 }else if( 6 < strs.length){
  $("#checktrueName").html("长度过长").css("color","red");
  return false;
 }else{
     $("#checktrueName").html("")
    }
   
    /*验证 邮箱*/
    email = getElementByName("email");
    var pat_em = new RegExp("^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]+");
 if(email.value.length == 0)
    {
        $("#checkMail").html("请输入用户邮箱!").css("color","red");
        return false;
    }else if( !pat_em.test(email.value)){
  $("#checkMail").html("请输入正确的邮箱地址").css("color","red");
  return false;
 }else{
     $("#checkMail").html("")
    }
   
    /*验证 邮编*/
    postcode = getElementByName("postCode");
    var pat_po = new RegExp("^[1-9]{1}[0-9]{5}$");
 if(postcode.value.length == 0)
    {
        $("#remindPostCode").html("请输入邮编!").css("color","red");
        return false;
    }else if( !pat_po.test(postcode.value)){
  $("#remindPostCode").html("请输入正确的邮编").css("color","red");
  return false;
 }else{
     $("#remindPostCode").html("")
    }
   
    /*验证电话(电话号码 + 手机号码)*/
    phone = getElementByName("phone");
    var pat_ph = new RegExp("(^0?\\d{11}$)|(^\\(?\\d{3,4}[-\\)]?\\d{7,8}$)");
 if(phone.value.length == 0)
    {
        $("#checkPhone").html("请输入用户电话!").css("color","red");
        return false;
    }else if( !pat_ph.test(phone.value)){
  $("#checkPhone").html("请输入正确的联系电话").css("color","red");
  return false;
 }else{
     $("#checkPhone").html("")
    }
   
    /*验证用户 联系电话(电话号码 + 手机号码)*/
    mphone = getElementByName("mphone");
    var pat_mp = new RegExp("(^0?\\d{11}$)|(^\\(?\\d{3,4}[-\\)]?\\d{7,8}$)");
 if(mphone.value.length == 0)
    {
        $("#checkMphone").html("请输入用户电话!").css("color","red");
        return false;
    }else if( !pat_mp.test(mphone.value)){
  $("#checkMphone").html("请输入正确的联系电话").css("color","red");
  return false;
 }else{
     $("#checkMphone").html("")
    }
 
 var code = getElementByName("code");
 if (code.value.length == 0){
  $("#codeR").html("请输入验证码!").css("color","red");
  return false;
 }else{
  $("#codeR").html("");
 }
 
 return true;
}

 

 

 

分享到:
评论

相关推荐

    java开源包101

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包10

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包1

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包11

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包2

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包3

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包6

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包5

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包4

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包8

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包7

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    java开源包9

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    Java资源包01

    JCaptcha4Struts2 是一个 Struts2的插件,用来增加验证码的支持,使用时只需要用一个 JSP 标签 (&lt;jcaptcha:image label="Type the text "/&gt; ) 即可,直接在 struts.xml 中进行配置,使用强大的 JCaptcha来生成验证码...

    JAVA上百实例源码以及开源项目源代码

    产生RSA密钥对(myKeyPair),得到RSA密钥对,产生Signature对象,对用私钥对信息(info)签名,用指定算法产生签名对象,用私钥初始化签名对象,将待签名的数据传送给签名对象(须在初始化之后),用公钥验证签名结果,...

    JAVA上百实例源码以及开源项目

    产生RSA密钥对(myKeyPair),得到RSA密钥对,产生Signature对象,对用私钥对信息(info)签名,用指定算法产生签名对象,用私钥初始化签名对象,将待签名的数据传送给签名对象(须在初始化之后),用公钥验证签名结果,...

    GoodProject Maven Webapp.zip

    JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在...

Global site tag (gtag.js) - Google Analytics