2011-06-07 56 views
-1

我正在寻找使用jQuery进行验证的简单表单,我想知道如何检查字母数字或数字。然后,我想使用规则突出显示错误文本字段。这段代码运行良好,在任何人都可以帮助添加此功能到我的代码字段中输入?如何使用jquery验证字母数字和higlight字段

这里是我用过

$("#frmstudent").validate({ 
     rules:{ 
      txt_name :{ required:true, minlength : 3 }, 

      txt_fname:{ required:true, minlength : 3 }, 

      txt_class:{ required:true, minlength: 2 }, 

      txt_city:{ required:true, minlength : 3}, 

      txt_contact:{ required:true, minlength : 5 }, 

      txt_email:{ required:true, email:true, minlength : 8}, 

      txt_address:{ required:true , minlength : 10} 

     }, 
     messages:{ 

      txt_name:{required:"<i>Please enter ur full name</i>", 
        minlength:"<i>please enter at least 3 characters</i>"}, 

      txt_fname:{required:"<i>Please enter the fathers name in required field</i>", 
        minlength:"<i>please enter at least 3 characters</i>"}, 

      txt_class:{required:"<i>Please enter the your class name</i>", 
        minlength:"<i>please enter at least 2 characters</i>"}, 

      txt_city:{required:"<i>Please enter your city name</i>", 
        minlength:"<i>please enter at least 3 characters</i>"}, 

      txt_contact:{required:"<i>Please enter your contact details</i>", 
        minlength:"<i>please enter at least 5 characters</i>"}, 

      txt_email:{required:"<i>Please enter your valid email address</i>", 
        minlength:"<i>please enter at least 8 characters</i>"}, 

      txt_address:{required:"<i>Please enter your address</i>", 
        minlength:"<i>please enter at least 10 characters</i>"} 


     } 
    }); 

回答

1

您可以添加自定义规则来验证字母数字字符的代码。为此,创建一个自定义规则并使用自定义创建的方法中的一些正则表达式进行验证。检查后SO here

+0

但是,这不是有没有简单的方式像在规则的jQuery – 2011-06-10 08:21:15

+1

抱歉..我觉得这是数字和字符alpahnumeric要求不MINLENGTH任何这样的规则.. – 2011-06-10 08:56:58

+0

感谢乌拉圭回合的答案 – 2011-06-16 09:21:46