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

Question

所以我正在处理一个表格。当您聚焦（单击）文本字段时，该值变为空白。现在，如果用户没有填写任何内容，我希望重新出现默认值。

例如，我有一个 ID 为 Question1 的文本字段。这就是清晰的焦点。

$(document).ready(function() {

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

有任何 javascript 代码吗？

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

Answer 1

你可以在 blur() 事件的帮助下做这样的事情

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

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