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

Question

我正在使用this jQuery 表单验证器，但我不明白如何在这里做一件简单的事情:如果表单无效，则禁用提交按钮，否则启用提交按钮。

一些代码:

<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>";
?>

Answer 1

这是脚本

 <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 />   

尝试并反馈我