顯示文本而不是警告框

Question

我試圖顯示錯誤消息，指出用戶需要輸入有效的電子郵件地址。目前我已經顯示警報，但我希望在文本框下面有一個文本。這是我的jQuery：

var email = $.trim($("#email").val()); 

if(email == "" || !isValidEmailAddress(email)) { 
    alert('enter valid email'); 
    return false; 
} 

Answer 1

你將需要這樣的東西。

var email = jQuery.trim(jQuery("#email").val()); 
    if(email == "" || !isValidEmailAddress(email)){ 
     jQuery('#email_error').show(); 
     return false; 
    } 

而在HTML類似：

<input type="text" value="" id="email" name="email" /> 
<div style="display:none" class="error" id="email_error">Your email is incorrectly formatted</div> 

你當然可以更改錯誤方面的階級作爲一個不同的方法。

Answer 2

我希望在字段後面創建一個空span元素，並在其中插入任何錯誤消息。通過這種方式，你可以有各種錯誤消息，例如無效的電子郵件，沒有電子郵件進入等

var email = jQuery.trim(jQuery("#email").val()), 
    errorText; 

if(email === ""){ 
    errorText = "Please enter an address"; 
} else if (!isValidEmailAddress(email)){ 
    errorText = "Address is invalid"; 
} 

if (errorText){ 
    jQuery('#email_error').text(errorText); 
    return false; 
} 

一個跨度也將內嵌顯示，所以看起來旁邊的字段的消息。