2016-07-20 47 views
0

http://pastebin.com/wGqMD59N入力が空の場合にサブミットを無効にする

これは私のコードです。私はjquertを使って投稿された複数の他のメソッドを試しましたが、正しく書いていないはずです。私はこれを私のコードにどのように適用するのか分かりません。入力が記入されていない場合は、2番目の送信ボタンを無効にする必要があります。

+0

それは悪い習慣 – Satya

+0

@Satya考えられているとして、私は可能性がある場合、あなたは、ネストのフォームではなく試すことができます:あなたは、フォームのネストを見ていますか? –

+0

[空のjqueryが入力された場合はサブミットを無効にする]の可能な複製(0120-920-752) – ihemant360

答えて

0

sumbitではなく、buttonの「2番目の」ボタンタイプを変更しました。
そして、属性disabledを削除しました。

resutlがフォームを送信する必要があるかどうかを決定するすべての入力を確認する必要があります。彼はすべての入力を埋めるために持っているユーザーに知らせるために何かのように

<input type="hidden" name="submit" value="Submit"> 
    <input type="button" id="button" value="Submit"> 
    </form> 
    <script> 
    $("#button").click(function(){ 
    var flag=true; 

    // check all input values 
    $("input[type='text']").each(function(){ 
     if($(this).val()==""){ 
      flag=false; 
     } 
    }); 

    // submit the form 
    if(flag){ 
     $("form#input").submit() 
    }else{ 
     // You should do something here. 
     alert("Please fill all inputs!"); 
    } 
    }); 
    </script> 
flagがfalseの場合はどうするかを考える必要があります

...

headにjQueryライブラリをロードして機能させます。あなたの「命名」の

コメント ... inputまたはbuttonと名前、クラスやIDを使用して混乱することができる

メソッドやHTMLタグと同じでない説明的な単語を使用してください。
;)

+0

http://pastebin.com/R5fYUS9t 私は試しましたあなたのコードを追加するために、私は間違ったことをしました、それは働いていないからです... – KidMessiah

+0

私はあなたができることの例で私の答えを編集しました。 'alert()'はアラートボックスをトリガーするJavaScript関数です。ユーザーにエラーを知らせるにはさまざまな方法があります...あなたが何をしたいかによって異なります。 'alert()'が最も簡単です... [SweetAlert](http://t4t5.github.io/sweetalert/)でより良い警告を得ることができます。 –

+0

ページの上部に、私はデータが提出されているかどうかを調べています。しかし、今ボタンは送信した後にデータを表示しません。 XMLにも印刷されません。しかし、いったん私はあなたのコードを削除すると再び動作します。なぜこれが起こるかわからない。 – KidMessiah

0

使用jQueryの機能

$('form').submit(function(e){ 
    var i=Number(0); 
    $('input').each(function(){ 
    if($(this).val() == '') 
     i++; 
    }); 

if(i>0) 
    { 
    e.preventDefault(); 
    } 
}); 
関連する問題