如何使用jQuery验证插件以编程方式检查表单是否有效
如何使用jQuery验证插件以编程方式检查表单是否有效
提问于 2011-07-12 10:38:24
我有一个带有几个按钮的表单，我使用的是http://jquery.bassistance.de/validate/的jQuery验证插件。我只想知道是否有任何方法可以在我的javascript代码中的任何地方检查jquery验证插件是否认为表单处于有效状态。
回答 5
Stack Overflow用户
发布于 2015-12-22 02:54:10
@mikemaccana答案很有用。
我也使用了https://github.com/ryanseddon/H5F。在http://microjs.com上找到。它是一种polyfill，您可以按如下方式使用它(示例中使用了jQuery)：
if ( $('form')[0].checkValidity() ) {
// the form is valid
}Stack Overflow用户
发布于 2011-07-12 10:42:45
Stack Overflow用户
发布于 2016-02-29 09:45:14
对于一组输入，您可以使用基于@mikemaccana的答案的改进版本
$.fn.isValid = function(){
var validate = true;
this.each(function(){
if(this.checkValidity()==false){
validate = false;
}
});
};现在，您可以使用此命令来验证表单是否有效：
if(!$(".form-control").isValid){
return;
}您可以使用相同的技术来获取所有错误消息：
$.fn.getVelidationMessage = function(){
var message = "";
var name = "";
this.each(function(){
if(this.checkValidity()==false){
name = ($( "label[for=" + this.id + "] ").html() || this.placeholder || this.name || this.id);
message = message + name +":"+ (this.validationMessage || 'Invalid value.')+"\n<br>";
}
})
return message;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6658937
复制相关文章
相似问题