忍者ブログ

からすまる日誌 mySQL

授業ノートのまとめ

高度(20) submit(送信)を止める

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

高度(20) submit(送信)を止める

submitを止めるやり方
 
formのイベントとして設定する。
エンターキーを押されると先に進んじゃうので。
idをつける
  <form action="text2.php" method="post" id="f1">
 
  </form>
 

今回は沢山じゃないのでjsを内部に書く

$('#f1').on('submit',function(){
    
});
 
submitイベントは「エンターで来てもクリック出来ても
とにかくサブミット状態になったら」ということで、on clickと違う
 
    console.log("hoge");
    $('#f1').on('submit',function(){
     var flag = confirm('送信しますか?');//okかcancelかでflagにtrueかfalseが入る
     if(flag == false) return false;
    });
 
しかしこれを押すと次のページに行ったりする
止まったりもするが、とにかくこの書き方はよくない書き方
イベント自体をキャンセルしたい

p
   $(function(){
    console.log("hoge");
    $('#f1').on('submit',function(event_hoge){
     var flag = confirm('送信しますか?');//okかcancel押すかでflagにtrueかfalseが入る
     if(!flag){//偽の時は
      event_hoge.preventDefault();//発生したイベントが無になる
     }
    });    
   });
 

Javascriptでバリデーションをかける
PR

コメント

ただいまコメントを受けつけておりません。

プロフィール

HN:
karasumaru
性別:
非公開

P R