ajaxSubmit异步提交
2016-05-18 14:12
323 查看
完成数据检查,form数据拼装,ajax异步提交数据,提交不刷新页面。
jQuery(document).ready(function() {
/*
Fullscreen background
*/
$.backstretch("images/login_backgroud.jpg");
/*
Form validation
*/
$('.login-form input[type="text"], .login-form input[type="password"], .login-form textarea').on('focus', function() {
$(this).removeClass('input-error');
});
$('.login-form').on('submit', function(e) {
$(this).find('input[type="text"], input[type="password"], textarea').each(function(){
if( $(this).val() == "" ) {
e.preventDefault();
$(this).addClass('input-error');
}
else {
$(this).removeClass('input-error');
}
});
toSubmit(this);
return false;
});
function toSubmit(frm){
var obj = getFormJson(frm);
$(this).ajaxSubmit({
data:obj,
type:"post", //提交方式
dataType:"json", //数据类型
url:"billingLogin", //请求url
clearForm:true,
resetForm: true,
success:function(data){ //提交成功的回调函数
if(data.status == 1){
location.href = "/getPackages";
}else{
swal("OMG!", "登录信息有误!", "error");
}
}
});
}
//将form中的值转换为键值对。
function getFormJson(frm) {
var o = {};
var a = $(frm).serializeArray();
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
}
});
jQuery(document).ready(function() {
/*
Fullscreen background
*/
$.backstretch("images/login_backgroud.jpg");
/*
Form validation
*/
$('.login-form input[type="text"], .login-form input[type="password"], .login-form textarea').on('focus', function() {
$(this).removeClass('input-error');
});
$('.login-form').on('submit', function(e) {
$(this).find('input[type="text"], input[type="password"], textarea').each(function(){
if( $(this).val() == "" ) {
e.preventDefault();
$(this).addClass('input-error');
}
else {
$(this).removeClass('input-error');
}
});
toSubmit(this);
return false;
});
function toSubmit(frm){
var obj = getFormJson(frm);
$(this).ajaxSubmit({
data:obj,
type:"post", //提交方式
dataType:"json", //数据类型
url:"billingLogin", //请求url
clearForm:true,
resetForm: true,
success:function(data){ //提交成功的回调函数
if(data.status == 1){
location.href = "/getPackages";
}else{
swal("OMG!", "登录信息有误!", "error");
}
}
});
}
//将form中的值转换为键值对。
function getFormJson(frm) {
var o = {};
var a = $(frm).serializeArray();
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
}
});
相关文章推荐
- jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
- jQuery使用ajaxSubmit()提交表单示例
- ajaxSubmit
- 使用ajaxSubmit异步上传图片并展示
- ajaxForm插件的ajaxSubmit缓存问题
- 使用jquery.form.js的ajaxsubmit方法提交时参数file标签有值报JS错误
- javascript提醒
- 实现图片上传并显示到浏览器功能
- $("#id").ajaxSubmit()使用自己遇到的问题
- ajax提交表单--ajaxSubmit
- IE兼容模式文件上传所遇问题解决
- 异步多文件上传
- jQuery.form.js使用ajaxSubmit()提交表单时返回中文乱码的问题
- form.ajaxSubmit获取上传的文件名
- jquery-form中ajaxSubmit提交文件,以及解决ie9下上传文件后自动下载问题
- jquery.form.js ajaxSubmit()使用案例
- ajaxSubmit()提交file文件
- Jquery ajaxSubmit()使用案例以及遇到的问题解决方案
- ajaxSubmit问题求解
- Form表单附件AjaxSubmit提交,IE提示.json下载