jquery - 如何判断用户是否使用 jquery 在文本区域中输入了文本

Question

我正在做一些表单验证，我有一个文本区域，其中有一个初始占位符，我正在尝试检查用户是否在文本区域中输入了任何数据。

如果我使用 jquery 进行检查.text()，它看不到在浏览器级别添加的文本，并且如果我不使用.val()任何内容，则首先在那里更新。那么在提交表单之前进行此检查的正确方法是什么？

<div>
   <textarea class="myUserText"></textarea>
</div>

function validateForm(){
   if($('.myUserText').text()==""){
        //do something here
   }
}

Answer 1

.val()应该管用。同时捕获提交事件：

$('form').submit(function(e) {
    if (!$('.myUserText').val() == '') {
        e.preventDefault();
        // The form won't submit
    }
});

Answer 2

如果我使用 .val() ，则首先没有任何更新。那么在提交表单之前进行此检查的正确方法是什么？

val是正确的检查，!= ""如果用户在 textarea 中输入了某些内容。

当然，他们输入的内容可能只是一个换行符，这可能不是您想要的。所以你可能会考虑：

if($('.myUserText').val().replace(/^\s+/, "") === "")

...忽略前导空格。

Answer 3

...或者如果您有兴趣使用一些最新的 HTML5 选项：

• 对各种输入字段使用表单验证（例如电子邮件、url、req'd：http ://bit.ly/Z8ZEHe

• 使用 modernizr 检查访问者的浏览器是否支持 HTML5 表单，以及是否不加载备用 polyfill： http ://modernizr.com
  https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-填充物

祝你好运！