【问题标题】:Validating Form验证表格
【发布时间】:2010-07-22 21:53:55
【问题描述】:

如何使用 jquery 验证提交按钮上的表单字段?

【问题讨论】:

    标签: jquery validation submit


    【解决方案1】:

    jQuery.validate 插件是我找到的最佳解决方案。

    您所要做的就是为输入提供“必需”类,然后在您的 document.ready 调用中的表单上调用 .validate(),例如

    $(function() { 
        $('#idofyourform').validate();
    });
    

    您还可以使用相同的方法进行电子邮件和其他类型的验证。该插件还可以根据您自己的规则进行扩展。

    请记住,您还需要验证任何数据服务器端。

    编辑:对评论的回应

    要仅在提交表单时进行验证,请添加以下选项:

    $("#idofyourform").validate({
       onsubmit: true,
       onkeyup: false,
       onfocusout: false,
       onclick: false
    })
    

    阅读the options了解更多详情。

    【讨论】:

    • 我知道那个..但是我如何使用它来仅在提交表单时进行验证。
    • 你的意思是你不想要内联验证?只有当用户点击提交?如果是这样,请参阅扩展答案。
    • 啊,对不起,我记错了。这是相反的方式。我已经编辑了我的代码以反映这一点。
    • 它不会抛出任何错误..这是我的代码 $('#formname').validate({onsubmit:true,onkeyup:false,onclick:false});
    • 你还没有 onfocusout:false 当你离开一个文本框时它还在验证吗?
    猜你喜欢
    • 2014-06-22
    • 1970-01-01
    • 2012-09-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多