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

嘗試和反饋我