关闭

Jquery validate表单验证

标签: js
362人阅读 评论(0) 收藏 举报
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/ValidationEngine/validationEngine.jquery.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ValidationEngine/jquery.validationEngine.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ValidationEngine/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript">
	$(function() {
		// 表单验证
		$('#l_form').validationEngine('attach', {
			autoHidePrompt : true,
			autoHideDelay : 3000,
			maxErrorsPerField : 1,
			addPromptClass : 'formError-white',
			onValidationComplete : function(form, status) {
				if (status == true) {
					var nickname = $("#nickname").val();
					var loginPassword = $("#loginPassword").val();
					loginPassword = hex_md5(loginPassword);
					$.ajax({
						type : "POST",
						url : getRealPath() + "/member/checkLogin",
						data : {
							"nickname" : nickname,
							"loginPassword" : loginPassword
						},
						async : false,
						error : function(data) {
							var json = eval("(" + data + ")");
							alert(json.msg);
						},
						success : function(data) {
							var json = eval("(" + data + ")");
							if (json.flag == '0') {
								alert(json.msg);
							}
							if (json.flag == '1') {
								window.location.href = getRealPath() + '/jsp/home/index.jsp';
							}
						}
					});
				}
			}
		});
	})
</script>

0
0
查看评论

jQuery-Validate验证插件的使用步骤详解

我们知道,用户在注册的时候,会有个表单页面,然后有些选项是必填的,有些要填的内容是有规范的,这些都要在用户提交之前进行验证才行,如果不符合要求,需要在右边显示一个友好的提示,让用户修改。   记得以前在学习Servlet的时候,实现一个简单的用户注册功能的验证是在后台做的,有些用了正则表达式,有些...
  • eson_15
  • eson_15
  • 2016-05-25 23:41
  • 47652

表单验证插件jQuery.validate 介绍+快速入门案例

由于项目需要,学习了jQuery.validate表单验证插件,这是一款很好用的插件,功能强大又简单,现在把学到的东西记录下来,方便以后回顾。 jQuery.validate简介下边的介绍来自菜鸟教程 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时...
  • Creabine
  • Creabine
  • 2016-04-13 14:12
  • 1280

jquery validate实现表单验证 (正则表达式)

jquery validate结合正则表达式实现表单验证
  • u014800380
  • u014800380
  • 2016-08-03 20:01
  • 13555

使用jquery validate表单验证插件

一、jquery validate的官方演示和文档地址:官方网站:http://jqueryvalidation.org/ 官方演示:http://jqueryvalidation.org/files/demo/ 官方文档:http://jqueryvalidation.org/document...
  • javaloveiphone
  • javaloveiphone
  • 2016-12-20 10:51
  • 508

Form表单利用Jquery Validate验证以及ajax提交

详细讲解Form表单利用Jquery Validate验证以及ajax提交的过程,以及Jquery Validate使用中的input写法,Validate的标尺,Validate的自定义提示语,非空判断,input字段的远程ajax验证等。
  • s445320
  • s445320
  • 2016-02-26 13:27
  • 19799

validate取消form验证

$("#inputForm").validate().resetForm(); //取消form验证 一句话取消form验证。
  • Smy_0114
  • Smy_0114
  • 2017-06-19 10:52
  • 622

jquery validate 对动态表单元素添加校验

形如有如下表单元素: .... 则 if (!$('#form').valid()) { $("input[for='input']").each(            ...
  • ShallowDreams
  • ShallowDreams
  • 2016-05-13 13:09
  • 4839

使用jQuery validate插件验证表单

使用JQuery validate插件验证表单
  • sinat_19833881
  • sinat_19833881
  • 2017-02-28 17:06
  • 1174

jquery---ajax异步提交+validate表单验证

$("#submitButton").click(function(){ //序列化表单 var param = $("#leaveSave").serialize(); $.ajax({ url : "leaveSa...
  • markely
  • markely
  • 2014-04-30 16:07
  • 4973

Jquery Validation 多按钮,多表单,分组验证

$().ready(function () {             //form1             $("#form1").va...
  • xujunheng
  • xujunheng
  • 2014-09-05 12:50
  • 1457
    个人资料
    • 访问:22044次
    • 积分:513
    • 等级:
    • 排名:千里之外
    • 原创:31篇
    • 转载:1篇
    • 译文:0篇
    • 评论:10条
    最新评论