如何删除默认文字“请填写此字段”

时间:2016-09-23 10:04:17

标签: javascript jquery google-chrome internet-explorer

我有一个输入字段

我需要删除默认文字请填写此字段 我使用jQuery函数将标题设置为空

$('#Form input[type=text]').each(function () {
    $(this).attr('title', ' ');
});

除IE和Safari外,它的工作正常。

然后我尝试了 novalidate 但这仅在输入字段位于表单内时才有效

这是我的示例代码

    <head runat="server">
    <title></title>
    <style>


.div2 .grp {
    position: relative;
    margin: 0 2%;
    margin-bottom: 31px !important;
    line-height: normal !important;
}

.div2 input {
    font-size: 14px;
    padding: 6px 10px 6px 0 !important;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
    background: transparent!important;
}

.div2 label {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all;
    color:Black;
}

.div1 {
    width: 14%;
    padding: 1%;
    float: left;
   }


label {
    display: inline-block;
    max-width: 100%;
    font-weight: bold;
}

</style>
</head>
<body>
    <form id="form1" runat="server">

       <div class="div1" >
            <div class='div2'>
                <div class="grp" id="divFirstName">      
                <input type="text" runat="server" id="TB_TestForm" onclick="TestForm()"  onblur="TestForm()" required/>
                <label>My first name<span class="reqstar">*</span></label>
                <span class="required"></span>
            </div>

       </div>
    </form>
</body>
</html>
<script>
    function TestForm() {
        var html = document.getElementById("divFirstName").style.position;
        if (html == "relative" || html=="") {
            document.getElementById("divFirstName").style.position = "inherit";
        }
        else {
            document.getElementById("divFirstName").style.position = "relative";
        }
    }
</script>

请帮忙

1 个答案:

答案 0 :(得分:0)

如果您的HTML元素使用placeholder属性,则可以使用以下代码(不需要vanilla JS jQuery):

&#13;
&#13;
document.getElementById('input').placeholder = '';
&#13;
<input id="input" type="text" name="fname" placeholder="First name">
&#13;
&#13;
&#13;

注意:请提供您的HTML,以便我们为您找出临时解决方案。