ホームページ > 記事 > ウェブフロントエンド > jQuery が Ajax 送信フォームのパラメーターを検証する方法
今回は、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 サイトの他の関連記事を参照してください。