如何在使用jquery驗證textarea的同時檢查空,空白和新行。 如果textarea的是空的,只有新行或空格應該發出警報jquery textarea驗證
1
A
回答
5
if($.trim($('#myTextArea').val()) == '') {
//error
}
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
0
感謝'Keith Rousseau'!有效。 此外,如果你有一個文本框和下面的比jQuery代碼一個textarea的將被罰款:
$(document).ready(function() {
$('#message_submit').click(function (e) { //submit button ID
var isValid = true;
$('input[type="text"]').each(function() { //textbox type
if ($.trim($(this).val()) == '' || $.trim($('#body').val()) == '') { //#body is textarea ID
alert('Text box can't left empty');
return false;
}
else
alert('Thanks for your valuable input!\nWe will get back to you soon.');
});
});
});
+0
這增加了許多與原始問題無關的無關代碼(或大量添加到您提到的答案中)。它也不會運行。 – mhlester 2014-01-24 07:46:57
相關問題
- 1. jQuery驗證TextArea中的HTML
- 2. 使用tinyMCE驗證textarea - jquery
- 3. jquery驗證插件textarea
- 4. 驗證表單的textarea - jQuery
- 5. jQuery驗證textarea maxlength bug
- 6. Textarea驗證
- 7. Textarea驗證
- 8. 無法驗證textarea
- 9. jQuery驗證Unobtrusive不適用於TextArea
- 10. jquery驗證多個textarea函數
- 11. 使用jQuery進行Textarea驗證
- 12. jQuery驗證下拉選擇的textarea
- 13. jQuery的驗證textarea的:充滿
- 14. 與jQuery和驗證插件驗證textarea的
- 15. 驗證多個在textarea的使用JQuery驗證
- 16. Angular JS textarea驗證
- 17. 驗證textarea在reactjs
- 18. textarea通過javascript驗證
- 19. 動態textarea的Javascript驗證
- 20. 使用流星驗證textarea
- 21. 角textarea的驗證錯誤
- 22. 難以驗證textarea輸入
- 23. 驗證textarea onkeyup不工作
- 24. jQuery驗證不能使用jQuery文本編輯器插件(TextArea)
- 25. 驗證涉及textarea的表格
- 26. jQuery驗證組驗證
- 27. 驗證使用jQuery驗證
- 28. jQuery驗證 - 網址驗證
- 29. JQuery驗證未驗證
- 30. jQuery驗證不驗證
看到http://api.jquery.com/jQuery.trim/ – karim79 2010-04-05 11:13:00
新行驗證犯規把握好這個code.I曾嘗試過此操作 – Hulk 2010-04-05 11:23:59
從API Docs:$ .trim()函數從所提供的字符串的開頭和結尾刪除所有換行符,空格(包括非分隔符空格)和製表符 – 2010-04-05 11:27:41