当前位置:首页 > 代码片段 > 正文内容

ajaxForm提交,代码片段(附常用版本下载)

Z先生9年前 (2016-03-30)代码片段10684

做项目时经常用的到东西

$(function() {
	var _form = $("#xinda-form"),
		_btn = $("#submit-btn"),
		_text = _btn.text();
	_form.submit(function() {
		_form.ajaxSubmit({
			url: "后台接受的URL",
			type: "post",
			dataType: "json",
			beforeSubmit: function() {
				//提交前校验
				var username = $("input[name='member[username]']").val(),
					password = $("input[name='member[password]']").val();
				if (!username) {
					alert("请输入用户名");
					$("input[name='member[username]']").focus();
					return false;
				}
				if (!password) {
					alert("请输入密码");
					$("input[name='member[password]']").focus();
					return false;
				}
				_btn.attr("disabled", "disabled").text("正在提交...");
			},
			success: function(data) {
				//成功后返回
				if (data.success == true) {
					alert(data.message);
					_form.resetForm();
				} else {
					alert(data.message);
				}
				_btn.removeAttr("disabled").text(_text);
			}
		});
		return false;
	});
});


其他写法(自动中断普通submit提交):

$(function() {
	var _form = $("#xinda-form"),
		_btn = $("#submit-btn"),
		_text = _btn.text();
	var submit_option = {
		url: "后台接受的URL",
		type: "post",
		dataType: "json",
		beforeSubmit: function() {
			//提交前校验
			var username = $("input[name='member[username]']").val(),
				password = $("input[name='member[password]']").val();
			if (!username) {
				alert("请输入用户名");
				$("input[name='member[username]']").focus();
				return false;
			}
			if (!password) {
				alert("请输入密码");
				$("input[name='member[password]']").focus();
				return false;
			}
			_btn.attr("disabled", "disabled").text("正在提交...");
		},
		success: function(data) {
			//成功后返回
			if (data.success == true) {
				alert(data.message);
				_form.resetForm();
			} else {
				alert(data.message);
			}
			_btn.removeAttr("disabled").text(_text);
		}
	};
	_form.ajaxForm(submit_option);
});


下载地址:jquery.form.zip


标签: 页面优化
分享给朋友:
返回列表

没有更早的文章了...

下一篇:JS判断是否支持H5

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。