jQuery表單驗證警報

Question

我的表單中有這個jQuery驗證控件。它的工作：

$("#webform-client-form-45").submit(function(){ 

    if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname"){ 

     return false; 
    }else if($("#edit-submitted-telephone").val() == "" || $("#edit-submitted-telephone").val() == "Telephone"){ 

     return false; 
    }else if($("#edit-submitted-e-posta").val() == "" || $("#edit-submitted-e-posta").val() == "E-MAIL"){ 

     return false; 

    }else{ if($("#edit-submitted-messages").text() == "" || $("#edit-submitted-messages").text() == "Message"){ 

       return false; 
      }else 
     return true; 
    } 
}); 

但是，當用戶離開字段爲空或寫在這個領域的錯誤，我想顯示一個警報。例如， 「請輸入電子郵件地址」」

我怎樣才能做到這一點

Answer 1

使用一個提示框：

if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname") 
{ 
alert("Please input your name"); 
return false; 
} 

使用的div：

// HTML

<input type = "text" name = "edit-submitted-name-surname" id = "edit-submitted-name-surname" /> 
<div class = "error" id = "name_error">Please input your name</div> 

// css

.error{ display: none; color: red;} 

// jQuery的

Put this at the top of the function: $('.error').hide(); 

if($("#edit-submitted-name-surname").val() == "" || $("#edit-submitted-name-surname").val() == "Name Surname") 
    { 
    $('#name_error').show(); 
    return false; 
    }