Question

我需要一些关于排序的帮助（不确定这是否是正确的术语）两个jQuery函数，以便两者可以共存。

我要做的是添加一项新功能，使字段对用户不可编辑，例如disabled="disabled"。 Catch是指如果我只将disabled="disabled"应用于提交的表单，表单将不会通过提交表单发送其值。

因此，我编写了一些JS代码，它可以在提交之前启用字段，并允许在提交表单时发送它们的值。

一旦页面加载，一切正常。

问题是当用户将其中一个必填字段留空并尝试提交表单时。然后还有另一个jQuery触发 - 验证字段内容。

第二个验证功能触发启用字段功能，所有字段再次可编辑。

如何防止第二个功能覆盖启用功能，需要一些帮助。

这是代码 - 启用函数放在表单之前，如下所示：

<script>
jQuery(function($) {    
    $('form').bind('submit', function() {
        $(this).find(':input').removeAttr('disabled');
    });

});
 </script>     

    <form name="RegFrm" id="RegFrm" action="" method="post">
          <select class="validate[required] text-input" disabled="disabled">
              <option value="">Please Select</option>
          </select>
          <input name="sbtFrm" type="submit" value="Submit" />
    </form>

这是第二个字段验证函数，它放在一个单独的文件中。每次页面加载时都会从files_include.php调用它：

var genVar = jQuery.noConflict();
    genVar(document).ready(function(){
        genVar("#RegFrm").validationEngine();
    });

如何防止第二个功能触发第一个功能？

谢谢？

Answer 1

谢谢大家的评论。虽然，没有提出解决方案，但是你们给了我一个如何解决它的想法。

我基本上决定在表单验证时检查表单提交，并且只有在为true时才启用，然后启用enable函数。

这是代码：

jQuery(function($) {    
    $('form').bind('submit', function() {
        if($("#RegFrm").validationEngine('validate')){
            $(this).find(':input').removeAttr('disabled');
        };
    });

});

调用第二个函数后启用字段函数触发器

1 个答案: