【问题标题】:jQuery Validation on click without submitjQuery Validation on click without submit
【发布时间】:2014-02-27 09:08:18
【问题描述】:

我正在使用这个神奇的脚本来验证我的表单,并且它的正常功能效果很好,但我想在 onClick (a href) 事件上验证表单,而不是在提交(输入)上验证表单。这可能吗?

脚本: https://github.com/jzaefferer/jquery-validation

应该是这样吧?

<a href="#" onClick="validate()" >

【问题讨论】:

    标签: jquery forms validation


    【解决方案1】:

    可以在表单上调用valid()方法查看是否有效。

    <a href="#" onClick="$('myformselecto').valid()" >
    

    我建议使用 jQuery 添加处理程序,而不是内联它

    【讨论】:

    • 这很好用,谢谢。我使用 jquery: $('#divid').click(function(e) { e.preventDefault(); $('form').valid(); });,但也可以去一个 div (#divid2) 何时有效?
    【解决方案2】:

    jQuery 验证插件挂钩到表单的submit 事件。因此,您需要做的就是点击a 元素提交表单。试试这个:

    $('#myLink').click(function(e) {
        e.preventDefault();
        $('#myForm').submit(); // this will then call the validate() func
    });
    

    【讨论】:

    • 感谢您的快速回答!但我还不想提交表单,这必须稍后在页面上完成,我首先要验证并使用输入提交稍后提交表单:)
    • 嗯,没问题。 Arun 会为您提供答案 :) 但就像他说的,不要使用 onclick 属性 - 将您的事件附加到 jQuery 本身中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-29
    • 1970-01-01
    • 2012-09-09
    • 1970-01-01
    相关资源
    最近更新 更多