javascript - 通用 HTML 表单验证，首选 jQuery

Question

我想以最常见的方式进行表单验证。有没有这样的工具，也许是 jQuery 插件？

例如，对于以下规则：

1. 所有文本框不应为空
2. 如果选中“显示许可证”复选框，则也应选中“我接受”。

验证表达式将像 ' input:text:[value=""], input:checkbox:checked#showlicense ? input:checkbox:unchecked#iaccept : nothing'。

我很乐意在 jQuery 选择器上实现这一点（返回无效控件），但我不知道如何实现条件。

问候，

Answer 1

寻找 jquery validate 插件，它已经在那里了..

http://docs.jquery.com/Plugins/Validation

Answer 2

function validate(){
var flag = true;
$('#yourformid > input').each(function(){
 if($(this).val() == ""){
   flag = false;
 }
});

if($('#showlicense ').is(':checked')){
   flag = false;
    if($('#iaccept').is(':checked')){
       flag = true;
    }


}
 return flag;

}

用法

<form onsubmit="return validate()" ....>

Answer 3

我发现 jQuery 选择器可以轻松定制：

http://james.padolsey.com/javascript/extending-jquerys-selector-capabilities/

我将根据返回“无效”控件的 :if-modified jQuery 选择器表达式创建自己的验证器。