Question

如何使用validate Jquery验证两个文本框不为空（class已经添加require）？

validate Jquery的文件已经下载，表单里的两个文本框是通过另外的一个按钮添加的，textbox name="account" class=validate[optional,custom[number]]" textbox name="username" class="validate[optional,maxSize[2]" 表单 form id=“form_id" 请问js代码该怎么写函数？

Answer 1

1.将校验规则写到控件中

<script src="../js/jquery.js" type="text/javascript"></script>  
<script src="../js/jquery.validate.js" type="text/javascript"></script>  
<script src="./js/jquery.metadata.js" type="text/javascript"></script>  
  
<script>  
  
$().ready(function() {  
 $("#signupForm").validate();  
});  
  
</script>  
<form id="signupForm" method="get" action="">  
 <p>  
 <label for="firstname">Firstname</label>  
 <input id="firstname" name="firstname" class="required" /> 
 样式名称设置为required ,validate框架就自动的验证是否为空了 
 </p>  
 <p>  
 <label for="email">E-Mail</label>  
 <input id="email" name="email" class="required email" />  
 </p>  
 <p>  
 <label for="password">Password</label>  
 <input id="password" name="password" type="password" class="{required:true,minlength:5}" />  
 </p>  
 <p>  
 <label for="confirm_password">确认密码</label>  
 <input id="confirm_password" name="confirm_password" type="password" class="{required:true,minlength:5,equalTo:'#password'}" />  
 </p>  
 <p>  
 <input class="submit" type="submit" value="Submit"/>  
 </p>  
</form>