jquery清除输入默认值

发布于08月01日

如何使用jquery清除输入表单onfocus的默认值，并在按下submit按钮时再次清除？

<html>
        <form method="" action="">
            <input type="text" name="email" value="Email address" class="input" />
            <input type="submit" value="Sign Up" class="button" />
        </form>
</html>

<script>
$(document).ready(function() {
    //hide input text
    $(".input").click(function(){
        if ($('.input').attr('value') == ''){
            $('.input').attr('value') = 'Email address'; alert('1');}
        if  ($('.input').attr('value') == 'Email address'){
            $('.input').attr('value') = ''}
    });
});
</script>

推荐答案

You may use this..

<body>
    <form method="" action="">
        <input type="text" name="email" class="input" />
        <input type="submit" value="Sign Up" class="button" />
    </form>
</body>

<script>
    $(document).ready(function() {
        $(".input").val("Email Address");
        $(".input").on("focus", function() {
            $(".input").val("");
        });
        $(".button").on("click", function(event) {
            $(".input").val("");
        });
    });
</script>

说到您自己的代码，问题是jQuery的attr API是由

$('.input').attr('value','Email Adress');

而不是像你所做的那样:

$('.input').attr('value') = 'Email address';

Jquery相关问答推荐

jquery清除输入默认值

推荐答案

Jquery相关问答推荐

使用jQuery筛选器搜索输入仅适用于单词的一部分

确定 Javascript/jQuery 中字符串的像素长度？

jQuery：使用变量作为 Select 器

将一个类动态添加到 Bootstrap 的popover容器中

使用 jQuery 为 box-shadow 设置动画的正确方法

在网络浏览器中，onblur 和 onfocusout 有什么区别？

如何获取文档的滚动位置？

即使通过Javascript代码判断，如何触发复选框单击事件？

在完成前一个请求之前中止新的 AJAX 请求

使用带有 HTML 表格的 jQuery UI 可排序

在 JQuery .trigger 上传递参数

页面重新加载后，如何使用 twitter bootstrap 保持当前选项卡处于活动状态？

使用 jQuery 按字母顺序对选项元素进行排序

如何签入用户已在 Google recaptcha 中选中复选框的 js？

javascript过滤对象数组

变量首字母大写

Bootstrap datepicker Select 后隐藏

jquery - 成功时使用ajax结果返回值

小于 10 给数字加 0

jQuery UI 选项卡 - 如何获取当前选定的选项卡索引