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

Question

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

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

$(document).ready(function() {

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

有相关的 JavaScript 代码吗？

编辑:由于 CMS 限制 (concrete5)，我无法使用占位符。文本字段已生成。

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" />