2010-04-10 57 views
1

我正在查看一些文本框,如需要, 最小长度,最大长度,电子邮件等的验证......我能够得到在页面上提交按钮正常工作的例子。我想在点击按钮时进行验证,这只会引发Ajax请求而不会提交页面。控件的jQuery验证

在互联网上发现的所有样本都是一个提交按钮。有没有 简单的方法来改变这个代码一点点,使其工作非提交按钮点击或任何 新的jQuery或Java插件做同样的事情?我现在使用jquery.validation.js。这适用于提交按钮。

任何形式的帮助建议或帮助表示赞赏。

+0

不要使用按钮,使用提交,然后处理在onsubmit事件的AJAX(和停止事件传播所以正常提交不如果JS运行就会发生)。这样你可以避免违反规则二:http://icant.co.uk/articles/pragmatic-progressive-enhancement/#build – Quentin 2010-04-10 19:04:21

回答

1

jQuery验证器插件已经处理了这个。只需调整validate方法中的一些选项即可。

如文档中引用的onfocusout在选项:上模糊

验证元素(除复选框/单选按钮)。如果没有输入任何内容,则跳过所有规则,除非该字段已被标记为无效。

代码示例:

$("#form").validate({ 
    onfocusout: false 
}); 

这只是你可以配置几十个选项之一。你可以看到完整的选项列表中validate方法在这里: http://docs.jquery.com/Plugins/Validation/validate#options