欢迎访问淘淘IT!QQ:505342486

Pintuer+ajax验证提交表单,不知道为什么敲回车提交两次表单

时间:2019-12-26 10:17:58    来源:taotaoit    浏览:78

html代码:


<form method="post" class="form-big" onsubmit="return false" id="ajaxForm">
					<div class="panel padding radius-none">
						<div class="text-center">
							<br>
							<h2><strong>会员登录</strong></h2>
						</div>
						<div class="padding-big">
							<div class="form-group">
								<div class="field field-icon-right">
									<input type="text" class="input radius-none ipt" id="loginName" name="loginName" data-validate="required:请输入登录账号,username:账号为英文字母开头的字母、下划线、数字" placeholder="登录账号" />
									<span class="icon icon-user text-large"></span>
								</div>
							</div>
							<div class="form-group">
								<div class="field field-icon-right">
									<input type="password" class="input radius-none ipt" id="loginPwd" name="loginPwd" data-validate="required:请输入登录密码" placeholder="登录密码" />
									<span class="icon icon-key text-large"></span>
								</div>
							</div>
							<div class="form-group">
								<div class="field">
									<input type="text" class="input radius-none ipt" id="verifyCode2" name="verifyCode2" data-validate="required:请输入验证码" placeholder="填写右侧的验证码" />
									<img style='vertical-align:middle;cursor:pointer;height:44px;width:120px;' class='verifyImg' src='__ROOT__/Application/Admin/View/img/clickForVerify.png' title='刷新验证码' onclick='javascript:getVerify()'/>
								</div>
							</div>
							<div class="form-group">
								<div class="field">
									<span id="errmsg" style="color:red;"></span>
									<button class="button button-block bg-main text-big" id="btnAjaxSubmit">立即登录</button>
								</div>
							</div>
							<div class="form-group">
								<div class="field text-center">
									<p class="text-muted text-center"> <a class="" href="#login.html"><small>忘记密码了?</small></a> | <a class="" href="{:ZHTDomain()}/regist.html">注册新账号</a>
									</p>
								</div>
							</div>
						</div>
					</div>
				</form>
js代码:



$(function(){
	getVerify();
	$('#btnAjaxSubmit').click(function(){
		$("#ajaxForm").ajaxSubmit(function() {
			checkLogin();
		});
	});
// 取消以下代码注释,再敲回车会提交两次表单,导致验证码出错
	// $(document).keypress(function(e){
		// if(e.which == 13){
			// $("#ajaxForm").ajaxSubmit(function() {
				// checkLogin();
			// });
		// }
	// });
})
// 登录
function checkLogin(){
	var params = ZHT.getParams('.ipt');
	$.post(ZHT.U('home/users/checkLogin'),params,function(data,textStatus){
		var json = ZHT.toJson(data);
		console.log(json);
		return;
		if(json.status=='1'){
			location.href=json.data.refer;
		}else if(json.status=='-1'){
			$("#errmsg").html(json.msg);
			//getVerify();
		}
	});
}
把敲回车if(e.which == 13){...


这段代码注释了,敲回车还是可以提交表单,如果取消注释,再敲回车,就会提交2次表单了。

不知道为什么,先记录下。

有帮助
(0)
0%
没帮助
(0)
0%
标签: ajax  回车  拼图Pintuer  

网友评论

网友评论文明上网理性发言
昵称:

全部评论0条)

o(╯□╰)o 暂无评论,我要抢沙发。
栏目列表
点击排行
more