2010-04-05 80 views
1

如何在使用jquery驗證textarea的同時檢查空,空白和新行。 如果textarea的是空的,只有新行或空格應該發出警報jquery textarea驗證

回答

5
if($.trim($('#myTextArea').val()) == '') { 
    //error 
} 
+0

看到http://api.jquery.com/jQuery.trim/ – karim79 2010-04-05 11:13:00

+0

新行驗證犯規把握好這個code.I曾嘗試過此操作 – Hulk 2010-04-05 11:23:59

+0

從API Docs:$ .trim()函數從所提供的字符串的開頭和結尾刪除所有換行符,空格(包括非分隔符空格)和製表符 – 2010-04-05 11:27:41

0

假設HTML,看起來像

<form id='someForm'> 
    <input type="text" id='textInput' name='textInput'/> 
</form> 

首先創建一個jQuery驗證方法。

jQuery.validator.addMethod("checkForWhiteSpaceErrors", function(value, element, param){ 
    var elem = $(element); 
    var val = element.val(); 
    //Now you have a choice. Either use trim, or if you believe that 
    // that is not working, use a regex. 
    if(val && $.trim(val) == '') { 
     return false; 
    } 
    //or 
    if(val && val.match(/^\s+|\s+$/g)) { 
     return false; 
    } 
    return true; 
}, "Newlines and White Spaces are not allowed."); 

現在它告訴表單驗證器使用這種方法的一個簡單的事情。

$('#someForm').validate({ 
    rules: { 
     textInput: { 
      checkForWhiteSpaceErrors: true 
     } 
    } 
}); 
+0