我有一个 HTML5 Web 应用程序,其中包含许多用户输入的字段,我想在将这些字段发送到服务器之前在 javascript 中对这些字段进行一些客户端验证。容易吧?只需使用JQuery验证插件---http://jqueryvalidation.org/ http://jqueryvalidation.org/
但有一个问题。我的网络应用程序没有表单。 HTML 中的任何地方都没有提交。相反,每个用户可更改的元素上都有一个 JQuery 更改处理程序,当用户更改这些元素之一的值时,就会进行 AJAX 调用。 (这种非标准的用户交互架构对于这个应用程序来说是有意义的。)
我想在 AJAX 调用之前验证该字段,并使用 JQuery 验证插件来执行此操作。但我不知道怎么办。
是否可以使用 JQuery 验证插件而无需在任何地方提交?我该怎么做?还是另一种方法更好?
Firstly,最重要的是,你must将您的输入元素包裹在里面<form></form>
jQuery Validate 插件运行的标签。但是,不需要提交按钮。
Secondly,您可以通过使用以下方式以编程方式触发任何或所有元素的有效性测试,而无需提交按钮the .valid() method http://jqueryvalidation.org/valid/.
$(document).ready(function() {
$('#myform').validate({ // initialize the plugin on your form.
// rules, options, and/or callback functions
});
// trigger validity test of any element using the .valid() method.
$('#myelement').valid();
// trigger validity test of the entire form using the .valid() method.
$('#myform').valid();
// the .valid() method also returns a boolean...
if ($('#myform').valid()) {
// something to do if form is valid
}
});
DEMO: http://jsfiddle.net/URQGG/ http://jsfiddle.net/URQGG/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)