检查输入值是否为空或默认

Question

我正在寻找一种优雅的方式来检查输入值是否为空且不是默认值。

例如，假设我们输入的值为Username，这是一个默认值，一旦用户单击此输入字段Username将被删除，以便用户可以输入他想要的内容。只是要清楚这是当网页加载它会怎样看：

<input type="text" class="defaultValue" value="Username" />

现在，在默认情况下此字段将永远是空的，除非用户将做一些事情让它空的，所以只是为了让当然，我需要检查这两件事情。我会这样做的方式很简单：

if($(".defaultValue").val().length == 0 || $(".defaultValue").val() == "Username") 
    alert("Please enter your username"); 

所以这个工程，但看起来丑陋地狱。通常我需要处理巨大的表单，所以我的代码变得非常难看，难以管理，因此，有什么方法可以改善这一点？

谢谢。

Answer 1

尝试：

if (this.value == '' || this.value == this.defaultValue) { 
    // value is empty or is default value 
} 

Answer 2

试着写一个辅助函数为你做这项检查。

var isEmptyOrDefault = function(field, default) { 
    var value = $(field).val(); 
    return (value.length === 0 || value === default); 
}; 

所以你可以使用它：

if (isEmptyOrDefault($('.defaultValue'), 'Username')) { 
    alert("Please enter your username"); 
}