Включение/отключение кнопки с помощью jQuery.validationEngine

StackOverflow https://stackoverflow.com/questions/4186468

Вопрос

я использую это jQuery Form Validator, но я не могу понять, как сделать здесь одну простую вещь: если форма не действительна отключить кнопку отправки, в противном случае включите кнопку отправки.

Немного кода:

<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>";
?>
Это было полезно?

Решение

Это сценарий

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

Попробуйте отдать мне отзыв

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top