jQuery驗證無法正常工作

Question

我不知道爲什麼我的代碼不工作，控制檯中沒有錯誤信息。 在驗證規則內的屬性名是否引用輸入表單的id或名稱？ 該庫已正確包含在一般的html模板中，並且$("#form").validate中的警報正常工作。

的Javascript：

$(document).ready(function() 
{ 
    $("#form").validate(alert("ciaoo"), //this alert works fine 
    { 
    rules: 
    { 
     nome: "required" 
    }, 
    messages: 
    { 
     nome: " Inserisci il tuo nome!" 
    } 
    }); 
}); 

HTML：

<form id="form" action="Inserisci_Utente" method="post" > 
    <fieldset> 

     <legend>Registrazione Utente</legend> 
     <#if (messaggio??)> 
     <#if (success??)> 
     <div class="successo"><img src="img/success.png"/> <span>Operazione completata con successo.</span> 
      <ul> 

       <#list messaggio as mex> 
       <li>${mex?html?lower_case?cap_first?trim} </a> </li> 
       </#list> 

      </ul> 
     </div> 

     <#else> 
     <div class="errore"><span></span> 
      <ul> 

       <#list messaggio as mex> 
       <li>${mex?html?lower_case?cap_first?trim} </a> </li> 
       </#list> 

      </ul> 
     </div> 
     </#if> 
     </#if> 
     <div class="fieldset"> 
      <fieldset> 
       <label>Nome</label> 
       <input type="text" id ="nome" name="nome"/> 
       <label>Cognome</label> 
       <input type="text" name="cognome" /> 
      </fieldset> 
      <fieldset> 
       <label>Mail</label> 
       <input type="text" name="mail" class="mail"/> 
      </fieldset> 
     </div> 
     <div class="fieldset"> 
      <fieldset> 
       <label>Username</label> 
       <input type="text" name="username"/> 
      </fieldset> 
      <fieldset> 
       <label>Password</label> 
       <input type="password" name="pass1"/> 
       <label>Ripeti la password</label> 
       <input type="password" name="pass2"/> 
      </fieldset> 
      <fieldset> 
       <label>Ruolo</label> 
       <input type="radio" name="ruolo" value="amministratore"/>Amministratore 
       <input type="radio" name="ruolo" value="organizzatore"/>Organizzatore<br> 
      </fieldset> 
     </div> 
     <fieldset> 
      <input type="submit" name="registra" value="Registrami"/> 
     </fieldset> 
    </fieldset> 
</form> 

Answer 1

正如已經被另一個回答說，你alert()被打破它。

您不能將隨機JavaScript代碼插入到.validate()方法中。您只能將該插件的指定選項（格式爲{ key: value }對）放在.validate()方法的內部。

$('#yourform').validate({ // this is the initialization of the plugin 
    // only defined plugin options as key:value pairs allowed in here 
}); 

通過堅持的.validate()內的alert()，您實際上從初始化禁用插件。

否則，你的代碼工作：http://jsfiddle.net/P6uts/

見文檔：http://jqueryvalidation.org/validate/