onsubmitフォームのコミットを阻止


実際の開発では、フォームデータの正当性をチェックし、データが正当でない場合は提出させません.



     
    Bootstrap    -       
      
    
    



//--->
function checksubmit()
{
  
          // var input_data = $("#form1").serialize();
          var data_arr = $("#form1").serializeArray();
          $.each(data_arr, function(i, val){

               //  alert(val);  //    
               // alert(i);
               //  alert(val.name);  //         
               // alert(val.value);     //         

            if(val.name == "email")
            {
                if(val.value == "")
                {
                  alert("      !");
                  $("#email").focus();
                  return false;
                }
               
            }

            if(val.name == "password")
            {
                if(val.value == "")
                {
                  alert("PWD    !");
                  $("#pwd").focus();
                  return false;
                }
               
            }

          });


          return false;
        
         
}
//--->






コードは簡単です.
次の点に注意してください.
1.falseは、falseまたはtrueを返す入力が正当かどうかを検証する関数に置き換えられ、関数がfalseを返すときにフォームのコミットを阻止できます.
2.onsubmit=「return checksubmit()」ここのreturnは省けません.
3.checksubmit()関数のreturn true;デフォルトはtrueを返すので省略できます.
簡単なテストページ:



    
        Token
    
    
    


    //--->
    function checksubmit() {

        // var input_data = $("#form1").serialize();
        var user_id = $("#name").val();
        if(user_id < 1){
            alert("  ID    !");
            $("#name").focus();
            return false;
        }

    }

TOKEN

0) { $sql = "select * from user_tbl where user_id = {$user_id} limit 0,10"; $ret = db_query($sql); if(empty($ret)) { dump(' Token !'); }else { dump($ret); } } ?>