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

Question

我有一些表单字段，当用户单击“提交”按钮而不填写它们时，将得到文本“ Required”，并且当用户单击具有文本“ Required”的文本字段时，我试图清除它们。 问题在于该文本字段正在使用任何类型的文本清除。

在此先感谢您提供任何进一步的帮助。

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

//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("");
    }
});

Answer 1

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

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

您的代码只是重写它

Answer 2

而不是将值设置为required，为什么不设置占位符属性呢？ 像这样：

 //Input text click event $("#text_field1").click(function() { if($("#text_field1").attr("placeholder") != "Required") { $("#text_field1").attr("placeholder","Required"); } }); 

这样的事情将使用户更容易浏览该字段。 一旦他们开始键入，占位符就会消失。 另外，浏览器将为您处理。

另外，您可以设置required属性并进行检查。