php - 如果字段为空，则阻止执行表单

Question

如果搜索字段为空白，我试图阻止表单执行。

html

<form id="form" action="">
<input type="text" id="lookup"><input type="submit" id="find" value="Look Up">

</form>

jQuery

$('#find').click(function(){
var s = ('#lookup').attr('value');
if(s!=""){
$.ajax({
url: result/,
type:'POST',
data: s
success: function(){ //empty }
});
}
});

也试过

action="result" //form the form

$('#find').click(function(){
var s = ('#lookup').attr('value');
if(s!=""){
$("#form").submit();
}
});

Answer 1

绑定submit事件，false当搜索栏为空时返回，true如果不是则返回。返回false将阻止表单提交。

$("form").submit(function() {
    var s = $.trim($('#lookup').val());
    if (s) {
        $.ajax();
        return true;
    }
    return false;
});

演示。

Answer 2

     $('#find').click(function(e){
    var s = ('#lookup').attr('value');
    if(s!=""){
    $.ajax({
    url: result/,
    type:'POST',
    data: s
    success: function(){ //empty }
    });
    } 
      e.preventDefault();
    });

e.preventDefault() 将阻止提交按钮实际提交表单。或者您可以使用 return false。

但是假设在您的情况下，执行以下操作就足够了：

    $('#find').click(function(e){
var s = ('#lookup').attr('value');
if(s==""){
    e.preventDefault();
}
});

Answer 3

你可以简单地添加这样做

$('#find').click(function(){ 
var s = ('#lookup').attr('value'); 
if(s==""){ 
return false; 
} 
});

Answer 4

尝试

$('#find').click(function(){
    var s = ('#lookup').val();
    if(s!="" && s != undefined && s!=null){
       //do your business here
    }
});