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戻ります。返品すると、フォームを送信できなくなります。falsetruefalse

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

デモ。

Answer 2

あなたは簡単に追加することができますこれを行う

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

Answer 3

     $('#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（）は、送信ボタンが実際にフォームを送信するのを停止します。または、returnfalseを使用できます。

しかし、あなたの場合、次のようなことをするだけで十分だとしましょう。

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

Answer 4

試す

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