Question

所以我正在制作一张表格。当您对焦（单击）文本字段时，该值将变为空白。现在我希望在用户没有填写任何内容时重新显示默认值。

例如，我有一个ID为Question1的文本字段。这是明确的重点。

$(document).ready(function() {

   $("#Question1").val('Naam *');
   $("#Question1").focus(function() {
     $("#Question1").val('');
   });
  });

是否有任何javascript代码？

编辑：由于CMS限制，我不能使用占位符（具体5）。生成文本字段。

Answer 1

您可以在 blur() 事件的帮助下执行此类操作

＆＃13;

$(document).ready(function() {
  var temp = 'Naam *';
  $("#Question1").focus(function() {
    if (temp == this.value)
      // ------^-- empty the field only if the field value is initial  
      this.value = '';
      // emptying field value
  }).blur(function() {
    if (this.value.trim() == '')
      // -----^-- condition field value is empty
      this.value = temp;
      // if empty then updating with initial value
  }).val(temp);
  //----^-- setting initial value
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="Question1" />

＆＃13;

如果在焦点后为空，则输入字段值重新填充

1 个答案: