用於驗證表單的jQuery（檢查至少10個字符和某個值）

Question

在我的網頁上，我有一個表單，用戶輸入他們文章的信息。現在，我使用jQuery來檢查輸入的值是否爲空，如果它們是我顯示的錯誤消息。

當前驗證

//Story Form 
$('.error').hide(); //Hide error message initially 

$(".button").click(function() {   //On button click  
    $('.error').hide(); 
    var title = $("input#sc_title").val(); 
    if (title == "") {     //if title is empty 
     $("label#title_error").show();  //show error 
     $("input#sc_title").focus();   //focus on title field 
     return false; 
    } 
}); 

現在，只檢查是否title == ""。如何編輯代碼以檢查是否至少輸入了10個字符，例如如果標題爲空且輸入少於10個字符，顯示錯誤？

Answer 1

，如果用戶將20空格字符在標題領域title.length返回20這種情況下，它滿足的真實情況，所以你可以使用jQuery也修剪

if ($.trim(title) == "" || $.trim(title).length < 10) { 
    $("label#title_error").show();  //show error 
    $("input#sc_title").focus();   //focus on title field 
    return false; 
} 

Answer 2

更改if檢查長度，而不是 - 這將檢查任何低於10 - 即空太：

if (title.length < 10) { 
    // Show error message 
} 

真正簡單的例子：http://jsfiddle.net/GFjpg/1/

Answer 3

這應該這樣做：

if(title.length < 10) 

Answer 4

這是您的代碼編輯：

$('.error').hide(); //Hide error message initially 
    $(".button").click(function() {   //On button click 

    $('.error').hide(); 
     if ($("input#sc_title").val().length < 10) { 
     $("label#title_error").show();  //show error 
     $("input#sc_title").focus();   //focus on title field 
     return false; 
    } 
    });