Плагин проверки jQuery - отображение пользовательского сообщения

Question

Я работаю над использованием плагина проверки jQuery для формы ... см. Полный код ниже. Хотя ниже указано, что имя проекта требуется, оно не проверяет длину и позволяет отправить. Что-нибудь не так?

<form method="post" id="new_space" data-remote="true" class="new_space" action="/spaces" accept-charset="UTF-8"> 
      <label for="space_name">Name</label><br> 
      <input type="text" size="30" name="space[name]" id="space_name" class="text_field"> 
</form> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#new_space").validate({ 
     errorLabelContainer: "#ui-dialog-errors", 
     wrapper: "p", 
     errorClass: "error", 
     invalidHandler: function() { 
      $("#ui-dialog-errors").hide().fadeIn(); 
     }, 
     rules: { 
      "space[name]":{required: true, minLength: 4} 
     }, 
     messages: { 
      "space[name]":{ required: "Project Name required!", minLength: "Project Name's need 4+ characters" } 
     } 
    }); 
}); 
</script> 

Answer 1

Изменение minLength к minlength (с строчными буквами "л") следует исправить.

---

Для вашего второго вопроса, предполагая, что form_submit является id вашей кнопки отправки, это должно сделать трюк:

// Disable the submit button when first loaded 
$("#form_submit").attr("disabled", "disabled"); 
$("input").change(function() { 
    // Check if the form validates 
    if($("#new_space").valid()) { 
     // Enable the button 
     $("#form_submit").removeAttr("disabled"); 
    } 
}); 

видеть на JSFiddle.