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;

　　　　});

　

しかしこれを押すと次のページに行ったりする。止まったりもするが、とにかくこの書き方はよくない書き方。

イベント自体をキャンセルしたい

→

　　　$(function(){

　　　　console.log("hoge");

　　　　$('#f1').on('submit',function(event_hoge){

　　　　　var flag = confirm('送信しますか？');//okかcancel押すかでflagにtrueかfalseが入る

　　　　　if(!flag){//偽の時は

　　　　　　event_hoge.preventDefault();//発生したイベントが無になる

　　　　　}

　　　　});　　　　

　　　});

　

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