jquery.validator验证后ajax提交出现错误解决

最新推荐文章于 2021-08-05 14:34:17 发布

l_degege

最新推荐文章于 2021-08-05 14:34:17 发布

阅读量907

点赞数

分类专栏： jQuery 文章标签： jquery.validation

本文链接：https://blog.csdn.net/l_degege/article/details/83514835

版权

jQuery 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

今天使用jquery.validator验证后作ajax提交，总是不能成功；之后发现原来是页面中有报错没有解决。当把页面中的报错解决掉时，可以ajax提交了

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="${contextPath}/Resource/coreUI/jquery.min.js" type="text/javascript"></script>
<script src="${contextPath}/Resource/H-ui/static/h-ui/js/H-ui.js" type="text/javascript"></script>
<script src="${contextPath}/Resource/H-ui/static/h-ui/js/H-ui.js" type="text/javascript"></script>
<script src="${contextPath}/Resource/H-ui/lib/jquery.validation/1.14.0/jquery.validate.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="${contextPath}/Resource/H-ui/static/h-ui/css/H-ui.min.css" />
</head>
<script type="text/javascript">
	$(function(){
		$("#commentForm").validate({
			submitHandler:function(form){
				alert("提交事件!"); 
				$(form).ajaxSubmit({
					type:"post",
					url:"setPassword",
					data:{"userName":"a","phoneNum":"b","loginpwd":"c"},
					success:function(data){
						console.log(data);
					}
				});
			}
		});
	});
		
		
		
</script>
<body>
		<p>Default submitHandler is set to display an alert into of submitting the form</p>
	<form class="cmxform" id="commentForm" >
		<fieldset>
			<legend>Please provide your name, email address (won't be published) and a comment</legend>
			<p>
				<label for="cname">Name (required, at least 2 characters)</label>
				<input id="cname" name="name" minlength="2" type="text" required>
			</p>
			<p>
				<label for="cemail">E-Mail (required)</label>
				<input id="cemail" type="email" name="email" required>
			</p>
			<p>
				<label for="curl">URL (optional)</label>
				<input id="curl" type="url" name="url">
			</p>
			<p>
				<label for="ccomment">Your comment (required)</label>
				<textarea id="ccomment" name="comment" required></textarea>
			</p>
			<p>
				<input class="submit" type="submit" value="Submit">
			</p>
		</fieldset>
	</form>
</body>
</html>

l_degege

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery.validator验证后ajax提交出现错误解决

今天使用jquery.validator验证后作ajax提交，总是不能成功；之后发现原来是页面中有报错没有解决。当把页面中的报错解决掉时，可以ajax提交了&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;title&gt;Insert title here&lt;/title&amp
复制链接

扫一扫