1

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

我的代码：

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("");
        }
    });
});
4

2 回答 2

0

通过简单地做：

<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;
    }
  });

});
于 2013-07-01T03:21:21.710 回答
0

为什么不只使用占位符来显示消息？

我不明白你为什么为此使用 jQuery

于 2013-07-01T03:21:40.603 回答