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

时间:2010-11-15 16:25:16

标签: jquery validation jquery-validation-engine

我正在使用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>";
?>

1 个答案:

答案 0 :(得分: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 />   

尝试反馈我