2012-08-02 39 views
-1

所以當我點擊提交時,它會直接進入錯誤頁面。我想在重定向到錯誤頁面之前進行驗證,插件就是這樣工作的。如果用戶輸入有問題,是否有辦法阻止提交?jQuery在頁面重新加載前驗證

<input type="submit" name="submit-contact" class="button" value="Send" /> 

$(document).ready(function(){ 
    $(".button").click(function() { 

     var name = $('input#name').val(); 
     if (name == ""){ 
      $('#name').addClass('errro'); 
      return false;} 
     else { 
      $('#name').removeClass('errro');} 

    }); 
}); 
+2

我看到你讓你的名字' questionMonster',你已經解決了這個問題。你能改說嗎? – Adi 2012-08-02 16:38:55

回答

1

經過幾分鐘的盯着這個問題我想我知道你的意思。您可以通過偵聽submit事件並在您認爲用戶輸入有問題時返回false來做到這一點。

$(document).ready(function(){ 
    $("#theForm").submit(function() { 

     var name = $('input#name').val(); 
     if (name == ""){ 
      $('#name').addClass('errro'); 
      return false; 
     } 
     else { 
      $('#name').removeClass('errro'); 
     } 

    }); 
}); 
+0

對不起的解釋,工作很好 – test 2012-08-02 16:55:23

0

INPUT TYPE = 「提交」 名稱= 「提交接觸」 類= 「按鈕」 的onClick = 「Somejavascriptfunction」 值= 「發送」

功能Somejavascriptfunction() { 檢索的用戶名和密碼通過$(「。Username」)。val()和$(「。Password」)。val() 將它傳遞給ajax請求頁面。 從ajax頁面獲取結果。 如果無效,則通過jquery 彈出消息,如果有效,則提交。 }

AjaxPage { 執行驗證(1。空的用戶名/密碼2.正確的用戶名和password..etc) 返回結果返回給調用函數 }