jQuery が Ajax 送信フォームのパラメーターを検証する方法-jsチュートリアル-php.cn

jQuery が Ajax 送信フォームのパラメーターを検証する方法

php中世界最好的语言

リリース： 2018-03-31 11:04:16

オリジナル

1423 人が閲覧しました

今回は、jQuery が Ajax 送信フォームで渡されたパラメーターを検証する方法について説明します。 jQuery が Ajax 送信フォームで渡されたパラメーターを検証するための注意点は何ですか? 以下は実際的なケースです。 serialize() メソッドは、フォーム値をシリアル化することで URL エンコードされたテキスト

string

を作成します。パラメータを 1 つずつ渡すのではなく、前の ajax パラメータ渡しメソッド

$.ajax({ 
        url : "${ctx}/SJStandardDamPartition/insertOrUpdateDamPartition", 
        type : "post", 
        dataType : "json", 
        data: {beginsectionid:function(){
              return $('#number option:selected').val();
            },
            beginelevation:function(){
              return $('#onset').val();
            },
            endelevation:function(){
              return $('#end').val();
            }
        }, 
        success : function(result) { 
        } 
      });

ログイン後にコピー

は、serialize() パラメータ渡しメソッド

 var param = $("#standForm").serialize(); 
       $.ajax({ 
        url : "${ctx}/SJStandardStandardInfo/insertOrUpdateStandardInfo", 
        type : "post", 
        dataType : "json", 
        data: param, 
        success : function(result) { 
        } 
      });

ログイン後にコピー

を使用します。少し複雑なビジネスをしている場合、複数の

フォーム form

が必要になることがあります。同じページ上にありますが、フォームの送信後にページを更新したりジャンプしたくない場合、私たちが考慮するのはフォームの Ajax 送信です。では、jQuery の

validator

プラグインはどのようにして非同期に送信されたフォームも検証できるでしょうか?読み続けてみましょう。ここでは、インターネットからの例を使用して説明します。

以下は、jquery .ajax 送信フォームの比較的一般的な書き方です

$("#submitButton").click(function(){ 
//序列化表单 
  var param = $("#leaveSave").serialize(); 
  $.ajax({ 
   url : "leaveSave.action", 
   type : "post", 
   dataType : "json", 
   data: param, 
   success : function(result) { 
if(result=='success') { 
location.href='allRequisitionList.action'; 
} else if(result.startWith("error_")){ 
$("#errorMessage").html(result.substring(6)); 
} else { 
//返回的结果转换成JSON数据 
var jsonObj = eval('('+result+')'); 
startTime = $("#startdate").val(); 
endTime = $("#enddate").val(); 
hour = jsonObj.hour; 
reason = jsonObj.reason; 
 
replaceDom(startTime,endTime,hour,reason); 
} 
} 
}); 
});

ログイン後にコピー

ajax を使用してフォームを送信し、検証に jquery の validate を使用したい場合は、次のように解決できます。 : フォームは通常どおりに書かれたフォームコンテンツであり、型は依然として submit 型ですが、validate メソッドではフォームの送信に ajax が使用されています

$("#saveWorkExtra").validate({ 
onsubmit:true,// 是否在提交是验证 
onfocusout:false,// 是否在获取焦点时验证 
onkeyup :false,// 是否在敲击键盘时验证 
rules: { 
.... 
}, 
messages:{ 
.... 
}, 
submitHandler: function(form) { //通过之后回调 
   var param = $("#saveToWorkExtra").serialize(); 
   $.ajax({ 
url : "workExtraChange.action", 
type : "post", 
dataType : "json", 
data: param, 
success : function(result) { 
if(result=='success') { 
     location.href='allRequisitionList.action'; 
} else { 
     var jsonObj = eval('('+result+')'); 
} 
} 
   }); 
     }, 
     invalidHandler: function(form, validator) { //不通过回调 
    return false; 
     } 
});

ログイン後にコピー

事例を読んだ後、あなたはメソッドをマスターしたと思いますさらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事にご注目ください。推奨読書:

Ajax は更新せずにファイルをアップロードするにはどうすればよいですか?

Ajax がデータを返す前に読み込み待機アニメーション効果を作成する方法

以上がjQuery が Ajax 送信フォームのパラメーターを検証する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。