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;
});

<强> DEMO

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
    }
});

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

4 个答案: