2010-11-15 96 views
2

我使用的是this jQuery表单验证器,但我无法理解如何在这里做一件简单的事情:如果表单无效,请禁用提交按钮,否则启用提交按钮。使用jquery.validationEngine启用/禁用按钮

的代码一点点:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#registration_form").validationEngine({ 
     // 
    }); 
}); 
</script> 

<?php 
echo "<form id=\"registration_form\">"; 

echo "<label for=\"name\">Name</label>"; 
echo "<input class=\"validate[required,custom[onlyLetter],length[3,100]]\" id=\"name\"><br />"; 

echo "<button type=\"submit\" id=\"submit_button\">GO</button>"; 
echo "</form>"; 
?> 

回答

3

这是脚本

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#registration_form").validationEngine(
    { 
     inlineValidation: true 
     }); 
    $('.change').change(function() { 
     validate(); 
    }); 
    validate(); 
    }); 
    function validate(){ 
    var res = $.validationEngine.loadValidation("#name"); 
    if (!res) 
     $("#submit_button").attr('disabled',''); 
    else 
     $("#submit_button").attr("disabled","disabled"); 
} 
</script> 

体内

<input class="validate[required,custom[onlyLetter],length[3,100]] change" 
    id="name" value=""><br /> 

尝试和反馈我

+0

嗯,我不t看看这可以帮助我:)我试图启用或d可以在我的表单中使用按钮。 – errata 2010-11-15 17:55:41

+0

这是正确的。如果您更改某个值,则必须重新验证表单。请删除-1 – DavideDM 2010-11-15 18:14:22

+0

嗨,谢谢你的帮助!然而,你的解决方案不工作:(我自己试过,并期望按钮启用/禁用,但在这种情况下,按钮总是禁用...不知道为什么:(另外,所有错误都显示在页面加载... – errata 2010-11-15 18:35:14