检查输入字段是否为空

时间:2014-12-03 18:29:39

标签: javascript php jquery

我有这个字段已经在PHP中从mysql中检索了一个值。现在,当我按退格键并删除该值并检查该字段是否为空时,它仍然显示该字段不为空。解决方法是什么?

$('#button').click(function(){

var name = $('#namefield').val();

if(empty(name)){
alert("The field is empty"); 

// This alert is not happening even I empty the field, maybe because of the dynamic thing
}

});



<input type="text" value="<?php echo $name;  ?>" id="namefield" />
<input type="button" id="button" value="Click" />

以防我删除该值。检查元素不会改变。它仍然包含值。

4 个答案:

答案 0 :(得分:1)

除非您已将empty定义为功能,否则它不是原生的。检查空白文本:

if (name.trim() == "") { alert("Empty") }

答案 1 :(得分:1)

if(name.length){
 // not empty
}

并且为了满足只为空格组成字符串的情况

if(name.trim().length)
{
  // not empty
}

Javascript在您的代码中没有empty()。这很可能是从你的PHP代码中复制的:)

答案 2 :(得分:0)

您不能在jQuery中使用empty()这样的方式。你可以试试这个代码。 $.trim()用于删除领先&amp;试验空间。

$('#button').click(function(){
    var name = $('#namefield').val();
    if(!$.trim(name)){
        alert("The field is empty");
    }
});

答案 3 :(得分:0)

另一种jQuery-ish方法来处理这个问题 - 检查字段是否为空:

var name = $('#namefield');

if (name.is(':empty')) {
  alert("The field is empty"); 
}