jQuery - 清除包含特定文本的输入文本字段

时间:2017-04-25 17:56:18

标签: jquery input

我有一些表单字段可以获取文本"必需"当用户点击提交按钮而不填写它们时,当用户点击具有文本"必需"的文本字段时,我试图清除它们。问题是文本字段正在使用任何类型的文本进行清理。

提前感谢您提供进一步的帮助。

这是我所拥有的一个例子:

//Submit button click event
$("#form_button").click(function() 
{
    if(checkEmptyFields())
    {
        alert("OK");
    }
});

//Checks the fields emptiness
function checkEmptyFields()
{   
    if(!$("#text_field1").val())
    {
        $("#text_field1").val("REQUIRED");
    }
}

//Input text click event 
$("#text_field1").click(function()
{
    if($("#text_field1").val("REQUIRED"))
    {
        $("#text_field1").val("");
    }
});

2 个答案:

答案 0 :(得分:2)

您需要获取字段值并将其与该值进行比较:

//Input text click event 
$("#text_field1").click(function()
{
    if($("#text_field1").val() == "REQUIRED")
    {
        $("#text_field1").val("");
    }
});

您的代码只是重写它

答案 1 :(得分:1)

为什么不设置占位符属性,而不是将值设置为必需值?像这样:



conda install ipykernel




这样的东西可以让用户轻松浏览这个领域。一旦他们开始输入,占位符就会消失。此外,浏览器将为您处理。

或者,您可以设置//Input text click event $("#text_field1").click(function() { if($("#text_field1").attr("placeholder") != "Required") { $("#text_field1").attr("placeholder","Required"); } });属性并检查它。