blocks|key|841370|text|有效的()方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841371|http://docs.jquery.com/Plugins/Validation/valid|offset|length|841372|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

valid() method.

<a href="http://docs.jquery.com/Plugins/Validation/valid" rel="noreferrer">http://docs.jquery.com/Plugins/Validation/valid</a>

blocks|key|625717|text|iContribute:给出正确的答案永远不会太晚。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|625718|var+form+=+$("form#myForm");
if($('form#myForm+>+:input[required]:visible').val()+!=+""){
++form.submit();
}else{
++console.log("Required+field+missing.");
}|code-block|syntax|javascript|625719|这样，‘必填’字段的基本HTML5验证就会发生，而不会影响使用表单的'name‘值的标准提交。|625720|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

iContribute: It's never too late for a right answer.

<pre><code>var form = $("form#myForm");
if($('form#myForm &gt; :input[required]:visible').val() != ""){
 form.submit();
}else{
 console.log("Required field missing.");
}
</code></pre>

This way the basic HTML5 validation for 'required' fields takes place without interfering with the standard submit using the form's 'name' values.

blocks|key|625831|text|@mikemaccana答案很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|625832|我也使用了https://github.com/ryanseddon/H5F。在http://microjs.com上找到。它是一种polyfill，您可以按如下方式使用它(示例中使用了jQuery)：|offset|length|625833|if+(+$('form')[0].checkValidity()+)+{
++++//+the+form+is+valid
}|code-block|syntax|javascript|625834|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/ryanseddon/H5F|1|http://microjs.com/^0|0|5|X|0|14|I|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]|$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

@mikemaccana answer is useful.

And I also used <a href="https://github.com/ryanseddon/H5F" rel="noreferrer">https://github.com/ryanseddon/H5F</a>. Found on <a href="http://microjs.com" rel="noreferrer">http://microjs.com</a>. It's some kind of polyfill and you can use it as follows (jQuery is used in example):

<pre><code>if ( $('form')[0].checkValidity() ) {
 // the form is valid
}
</code></pre>

blocks|key|841637|text|对于一组输入，您可以使用基于@mikemaccana的答案的改进版本|type|unstyled|depth|inlineStyleRanges|entityRanges|data|841638|$.fn.isValid+=+function(){
++++var+validate+=+true;
++++this.each(function(){
++++++++if(this.checkValidity()==false){
++++++++++++validate+=+false;
++++++++}
++++});
};|code-block|syntax|javascript|841639|现在，您可以使用此命令来验证表单是否有效：|841640|if(!$(".form-control").isValid){
++++return;
}|841641|您可以使用相同的技术来获取所有错误消息：|841642|$.fn.getVelidationMessage+=+function(){
++++var+message+=+"";
++++var+name+=+"";
++++this.each(function(){
++++++++if(this.checkValidity()==false){
++++++++++++name+=+($(+"label[for="+%2B+this.id+%2B+"]+").html()+%7C%7C+this.placeholder+%7C%7C+this.name+%7C%7C+this.id);
++++++++++++message+=+message+%2B+name+%2B":"%2B+(this.validationMessage+%7C%7C+'Invalid+value.')%2B"\n ";
++++++++}
++++})
++++return+message;
}|841643|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

For a group of inputs you can use an improved version based in @mikemaccana's answer

<pre><code>$.fn.isValid = function(){
 var validate = true;
 this.each(function(){
 if(this.checkValidity()==false){
 validate = false;
 }
 });
};
</code></pre>

now you can use this to verify if the form is valid: 

<pre><code>if(!$(".form-control").isValid){
 return;
}
</code></pre>

You could use the same technique to get all the error messages:

<pre><code>$.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&lt;br&gt;";
 }
 })
 return message;
}
</code></pre>

blocks|key|625966|text|对于Magento，你可以像下面这样检查表单的有效性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|625967|您可以尝试这样做：|625968|require(["jquery"],+function+($)+{
++++$(document).ready(function+()+{
++++++++$('#my-button-name').click(function+()+{+//+The+button+type+should+be+"button"+and+not+submit
++++++++++++if+($('#form-name').valid())+{
++++++++++++++++alert("Validation+pass");
++++++++++++++++return+false;
++++++++++++}else{
++++++++++++++++alert("Validation+failed");
++++++++++++++++return+false;
++++++++++++}
++++++++});
++++});
});|code-block|syntax|javascript|625969|希望这能对你有所帮助！|625970|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For Magento, you check validation of form by something like below.

You can try this: 

<pre><code>require(["jquery"], function ($) {
 $(document).ready(function () {
 $('#my-button-name').click(function () { // The button type should be "button" and not submit
 if ($('#form-name').valid()) {
 alert("Validation pass");
 return false;
 }else{
 alert("Validation failed");
 return false;
 }
 });
 });
});
</code></pre>

Hope this may help you!

I have a form with a couple of buttons and I'm using jQuery Validation Plugin from <a href="http://jquery.bassistance.de/validate/" rel="noreferrer">http://jquery.bassistance.de/validate/</a>. I just want to know if there is any way I can check if the form is considered in valid state by jquery validation plugin from anywhere in my javascript code.

how to check if a form is valid programmatically using jQuery Validation Plugin

jQuery

HTML5

我有一个带有几个按钮的表单，我使用的是的jQuery验证插件。我只想知道是否有任何方法可以在我的javascript代码中的任何地方检查jquery验证插件是否认为表单处于有效状态。

问如何使用jQuery验证插件以编程方式检查表单是否有效
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery验证插件以编程方式检查表单是否有效EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery验证插件以编程方式检查表单是否有效
EN