Question

我有一个表单，其中包含为可用性/提示预先填充的值 - 不幸的是，这些字段中的一个针对我无法访问的servlet进行了验证。

所以当我使用：

<input type="text" class="promocode" name="LLN" id="promo1" value="Enter promotion code" maxlength="40"  title="Promotion Code 1" onfocus="this.value=''; this.onfocus=null;">

这不起作用，因为验证servlet看到该字段已被填充，然后它在验证过程中运行并返回错误（因为它不是正确的格式）。

我知道如果我有一些js可以使用它我可以让它只对值而不是默认值运行验证。

但在这种情况下，我不确定如何在不填写值的情况下显示表单字段提示。

思想？

Answer 1

快速解决方案是在输入上添加<span>并在输入获得焦点时隐藏它。这甚至不会触及输入。您可以使用relative / absolute定位span。我希望你喜欢这个解决方案

HTML

<div class="inputContainer">
  <input type="text" id="theInput" />
  <span id="theSpan">Please fill this input!</span>
</div>

CSS：

 .inputContainer{position:relative;}
 #theSpan{position:absolute; top:0; left:0}

JS

    $('#theInput').focus(function(){
        $('#theSPan').hide()
    });
  $('#theInput').blur(function(){
       if($(this).val()==''){ $('#theSPan').show()}
    });

Answer 2

根据您的浏览器支持要求，请考虑使用placeholder属性。我相信有些javascript插件会将占位符支持应用于那些本身不支持它的浏览器。

字段值（用于提示/可用性）显示没有字段值？

2 个答案: