Javascript 我想用这样的东西删除表单条目。还有其他更好的方法吗？

我有一些代码，它是工作，但，我正在寻找一个更好和更干净的方式来做到这一点。 我喜欢从表单输入中删除输入的文本

我对表格中的每个条目都做了同样的事情，有人能帮我找到更好的方法吗

谢谢

//明文用户电子邮件
如果（$（'.user_email'）.val（）=''）{
$（“清除用户电子邮件”）.hide（）；
}
$（“#清除用户的电子邮件。清除文本”）。单击（功能（e）{
e、 预防默认值（）；
$（'.user_email'）.val（''）；
如果（$（“#清除用户_电子邮件”）。是（“：可见”））{
$（“清除用户电子邮件”）.hide（）；
}
});
$（“.user_email”）.keyup（函数（）{
$（“清除用户电子邮件”）.show（）；
});

创建一个名为“清除”的按钮。单击后，将所有字段设置为“”。

如果我了解您的预期行为，您可以使用清除所有输入：

<input type="reset" value="Reset">

---

如果您不想清除所有字段，只清除单个字段，可以尝试以下操作

$(function(){
    $('#myForm input').each(function(){

        //Using your current DOM structure
        var t = $(this);
        var c = $(t).parents(".form-group").find(".clear_text");
        var cp = $(c).parent();

        if($(t).val() === '') {
            $(cp).hide();
        }

        $(c).click(function(e) {
            e.preventDefault();
            $(t).val('');

            if($(cp).is(":visible")){
                $(cp).hide();
            }
        });

        $(t).keyup(function(){ 
            $(cp).show();
        });
    });
});

---

表单或重置按钮已经有一个reset（）方法：

@a.Wolff，甚至还有其他方法。将reset（）绑到按钮上并完成。但我不确定这是OP想要的。编辑：重读这个问题，我想是的，这是他在寻找的。嗯，看起来他正在清除表单中的字段，所以这个解决方案将在所有字段的两行代码中完成。我可以这样做，但我的表单上有很多输入。它适用于此代码，但我必须对每个表单输入执行相同的操作。您甚至需要javascript吗<代码>或

清除

那么预期的行为是什么，清除所有输入还是只清除特定输入？？？不清楚你在问什么<代码>但是我的表单上有很多表单输入。使用ajax

reset

提交的表单将全部清除。谢谢你，大卫，这正是我想要的。它起作用了！再次感谢。没问题，很高兴我能帮上忙。：）我不知道原因，但是，当我清除一次输入文本时，如果没有页面刷新，它第二次就无法工作，所以我更改了$（this）.hide（）；转换为$（cp.hide（）；现在它可以工作了。