通過jquery的serializearray處理表單資料成json格式,並提交到後臺處理
阿新 • • 發佈:2019-01-06
var params = $("#myform").serializeArray();
var values = {};
for (var item in params) {
values[params[item].name] = params[item].value;
}
alert(JSON.stringify(values));
完整程式碼
$("#myform").mvalidate({
type:1,
onKeyup:true,
sendForm:true,
firstInvalidFocus:true,
valid:function(event,options ){
event.preventDefault();
//點選提交按鈕時,表單通過驗證觸發函式
var params = $("#myform").serializeArray();
var values = {};
for (var item in params) {
values[params[item].name] = params[item].value;
}
// 傳遞到後臺
var user = $api.getStorage('user' );
values.member_id = user.member_id;
api.ajax({
url: BASE_SH_REQUEST_URL+'/?g=Api&m=Address&a=addAddress',
method: 'post',
data: {
values: values,
}
}, function(json, err) {
if (json.status == '1' ) {
// 新增成功
alert(JSON.stringify(json.info));
} else {
var toast = new auiToast();
toast.fail({
title:json.msg,
duration:2000
});
}
});
},
descriptions:{
default:{
required : '必填欄位'
},
name:{
required : '請輸入收貨人姓名'
},
tel : {
required : '請輸入手機號碼',
pattern : '手機號格式不正確'
},
seachprov : {
required : '請選擇省、直轄市'
},
seachcity : {
required : '請選擇市、直轄區'
},
seachdistrict: {
required : '請選擇區/縣'
},
detail : {
required : '詳情不能為空'
}
}
});