jQuery 验证禁用提交按钮,直到表单验证

标签 jquery jquery-validation-engine

在下面的脚本中,我 try catch 验证引擎的成功事件(满足所有表单元素的验证标准),而不提交表单。

这个想法是禁用提交按钮,直到满足验证要求,然后我想启用它。 (我见过的validationEngine示例似乎需要启用提交按钮才能提交表单,然后在提交后进行验证)

但是,我无法在 validate() 函数中触发“有效”方法。你知道我做错了什么吗?

    $(document).ready(function() {
        /* disable the submit button until required form elements are enabled */ 
        $('#btnEcommidEdit').attr('class','button disabled');
        $('#btnEcommidEdit').attr("disabled","disabled");

        /* initiate validation */
        $("#form1").validationEngine(
        {
            inlineValidation: true
        });

        /* check form elements to enable submit button */
        $('#email2,#confirm1,#confirm2').change(function() {
            validate();
        });
    });

    function validate(){
        var valid = $("#form1").validationEngine();
        if (valid)
        $("#btnEcommidEdit").attr('disabled','');
        else
        $("#btnEcommidEdit").attr("disabled","disabled");
        }

最佳答案

function validate(){
    alert("validate");
    var valid = $("#form1").validationEngine();
    alert('Validation Engine returned : ' + valid);
    if (valid == true) {
        $("#btnEcommidEdit").prop("disabled",false);
        $("#form1").submit();
    } else {
        $("#btnEcommidEdit").prop("disabled",true);
        return false;
    }

关于jQuery 验证禁用提交按钮,直到表单验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19555403/

相关文章:

javascript - 使用 Javascript/jquery 更改 CSS 属性

jquery - 使用 jquery.validationEngine 启用/禁用按钮

javascript - 使用 Sublime Text 的 jquery 插件验证引擎的 JS 中带条件的正则表达式

position - Position Absolute的jQuery-Validation-Engine-表单字段的条件验证

javascript - Jquery验证引擎ajax,两个字段功能相同?

javascript - 变量更改后调用事件

jquery - 不使用 rowTemplate 将图像添加到网格

jquery - 动态改变元素的颜色 li 不会改变元素符号点的颜色

c# - 即使从 OnClientClick 返回 false 后也会触发回发

twitter-bootstrap - 使用 jquery 验证引擎选择选择器