ajax提交表单+loading效果

$(function() {
	$('#send_submit').click(function() {
	
		var txt_title = $.trim($('#txt_title').val());
		var txt_name = $.trim($('#txt_name').val());
		var txt_loupan = $.trim($('#txt_loupan').val());
		var txt_phone = $.trim($('#txt_phone').val());
		var txt_mianji = $.trim($('#txt_mianji').val());
	
		if(!txt_name) {
			layer.alert('请填写您的姓名', {icon: 5});
			return false;
		}
		if(!txt_name.match(/^[\u4E00-\u9FA5]{2,6}$/)) {
			layer.alert('姓名只能填写2-6位汉字', {icon: 5});
			return false;
		}
		if(!txt_phone || isNaN(parseInt(txt_phone)) || !(/^1[3|4|5|6|7|8|9][0-9]\d{8}$/.test(txt_phone))) {
			layer.alert('请填写正确的手机号码', {icon: 5});
			return false;
		}
	
		if(!txt_loupan) {
			layer.alert('请填写信息', {icon: 5});
			return false;
		}
	
		if(!txt_mianji || isNaN(parseInt(txt_mianji))) {
			layer.alert('请填写正确的面积', {icon: 5});
			return false;
		}
		$.ajax({
			type: "post",
			url: "/save",
			dataType: 'json',
			data: {
				"utxt1": txt_title,
				"utxt2": txt_name,
				"utxt3": txt_phone,
				"utxt4": txt_mianji,
				"utxt5": txt_loupan,
				"sortid": 1
			},
			//traditional: true,//这里设置为true
			success: function (data) {
				console.log(data);
				if (data.code == 200) {
					$('#txt_name').val('');
					$('#txt_loupan').val('');
					$("#txt_phone").val('');
					$("#txt_mianji").val('');				
					layer.alert('提交成功,稍后将有客服人员与您联系,请您耐心等待', {icon: 6});				  
				}else{
					layer.alert('信息提交异常,请从新提交信息', {icon: 5});
					return false;
				}
			}
		});
	})
})

//邮箱验证

var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
if(!myreg.test(email)){
layer.alert('请输入正确邮箱地址', {icon: 5});
return false;
}

//select下拉获取值

var txt_loupan = $('#tg_loupan option:selected').val();

//radio单选获取值

var txt_type = $.trim($('input[name=tan_type]:checked').val());

//checkbox多选获取值

var arry = new Array();
//循环全部选中的值
$('input[name="Sports"]:checked').each(function(index, element) {
arry.push($(this).val());//追加到数组中
});
var arrystr = arry.join(',');//将数组元素链接起来转化为字符串
console.log("选中值:"+ arrystr);//输出到控制台

loading提示

loading.showLoading({type:3,tip:"提交中"});//显示提示
$("#design_submit").attr("disabled", "disabled");//禁用提交按钮

loading.hideLoading();//隐藏提示

$("#design_submit").attr("disabled", false);//恢复提交按钮
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lanzengquan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值