javascript - 不想提交预填充值文本区域；我对文本区域进行了必需的验证，但也没有被捕获

Question

我有一个文本区域，其中填充了文本，如果您单击它但在离开时不输入任何内容，则将再次填充默认的预填充文本；我不想允许提交带有预填充文本的表单；我该如何处理这个问题？

我的代码:

jQuery(document).ready(function($) {
    $("textarea").val("Please enter your email content here...");
   $("textarea").focusout(function() {
        if ($(this).val() === "") {
            $(this).val("Please enter your email content here...");
        }
    });
    $("textarea").focus(function() {
        if ($(this).val() === "Please enter your email content here...") {
            $(this).val("");
        }
    });
});

Answer 1

只需执行以下操作:

<textarea placeholder="Default text here"></textarea>

否则，如果您需要对老歌的支持，请尝试存储您的 def。将文本写入变量并在提交时检查提交的值实际上是您的默认值。

http://jsbin.com/unuqes/1/edit

jQuery(function($) {

  var $txtA = $("textarea");
  var emailDef = "Please enter your email content here...";

  $txtA.val(emailDef);

  $txtA.focusout(function() {
     if ($.trim(this.value) === "") {
         this.value = emailDef;
     }
  });

  $txtA.focus(function() {
     if( this.value === emailDef ) {
         this.value="";
     }
  });

  $('form').submit(function(){
    var txtAval = $txtA[0].value;
    if(txtAval==emailDef || !$.trim(txtAval)){
      alert("Missing your email!");
      return false;
    }
  });

});