JQuery表单验证插件----validation

最新推荐文章于 2018-06-05 14:10:35 发布
最新推荐文章于 2018-06-05 14:10:35 发布
阅读量1.4k 收藏 1
点赞数
文章标签： jquery include email button class file
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunvsjay1890/article/details/8060692
版权 
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Mini-Web 帐号管理</title>
	<%@ include file="/common/meta.jsp" %>
	<link href="${ctx}/css/yui.css" type="text/css" rel="stylesheet"/>
	<link href="${ctx}/css/style.css" type="text/css" rel="stylesheet"/>
	<link href="${ctx}/js/validate/jquery.validate.css" type="text/css" rel="stylesheet"/>
	<script src="${ctx}/js/jquery.js" type="text/javascript"></script>
	<script src="${ctx}/js/validate/jquery.validate.js" type="text/javascript"></script>
	<script src="${ctx}/js/validate/messages_cn.js" type="text/javascript"></script>
	<script>
		$(document).ready(function() {
			//聚焦第一个输入框
			$("#loginName").focus();
			//为inputForm注册validate函数
			$("#inputForm").validate({
				rules: {
					loginName: {
						required: true,
						remote: "user!checkLoginName.action?oldLoginName=" + encodeURIComponent('${loginName}')
					},
					name: "required",
					password: {
						required: true,
						minlength:3
					},
					passwordConfirm: {
						equalTo:"#password"
					},
					email:"email",
					checkedRoleIds:"required"
				},
				messages: {
					loginName: {
						remote: "用户登录名已存在"
					},
					passwordConfirm: {
						equalTo: "输入与上面相同的密码"
					}
				}
			});
		});
	</script>
</head>

<body>
<div id="doc3">
<%@ include file="/common/header.jsp" %>
<div id="bd">
	<div id="yui-main">
	<div class="yui-b">
	<h2><s:if test="id == null">创建</s:if><s:else>修改</s:else>用户</h2>
	<form id="inputForm" action="user!save.action" method="post">
		<input type="hidden" name="id" value="${id}"/>
		<table class="noborder">
			<tr>
				<td>登录名:</td>
				<td><input type="text" name="loginName" size="40" id="loginName" value="${loginName}"/></td>
			</tr>
			<tr>
				<td>用户名:</td>
				<td><input type="text" id="name" name="name" size="40" value="${name}"/></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input type="password" id="password" name="password" size="40" value="${password}"/></td>
			</tr>
			<tr>
				<td>确认密码:</td>
				<td><input type="password" id="passwordConfirm" name="passwordConfirm" size="40" value="${password}"/>
				</td>
			</tr>
			<tr>
				<td>邮箱:</td>
				<td><input type="text" id="email" name="email" size="40" value="${email}"/></td>
			</tr>
			<tr>
				<td>角色:</td>
				<td>
					<s:checkboxlist name="checkedRoleIds" list="allRoleList" listKey="id" listValue="name" theme="custom"/>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<security:authorize ifAnyGranted="A_MODIFY_USER">
						<input class="button" type="submit" value="提交"/> 
					</security:authorize>
					<input class="button" type="button" value="返回" οnclick="history.back()"/>
				</td>
			</tr>
		</table>
	</form>
	</div>
	</div>
</div>
<%@ include file="/common/footer.jsp" %>
</div>
</body>
</html>

sunvsjay1890
关注
JQuery：表单验证插件——validation（表单校验示例）
平安学习日记
03-11 282
validation插件 1、导包 先引入jquery.js（validate基于jquery的插件） 引入表单校验插件(jquery.validate.js) dist目录下 引入dist/localization目录下的messages_zh.js (中文简体) 2、为指定表单加入校验 validate需要手动声明对哪个表单进行校验 也就是说需要手动调用 validate() 方法。 3...
使用jQuery validate插件验证表单
住在城北的猫
02-28 4821
使用JQuery validate插件验证表单
jquery validate插件
it_lihongmin的博客
07-22 419
之前经常用jquery的validate插件，觉得非常好用只是每次有用到的时候就会去copy原来的项目中找，并且有些比较不常用的用法就会找很长的时间，所以觉得将其总结一下，方便别人查找也方便自己快速查找使用。 1、初始化用法： $("#inputForm").validate({ rules : { url : { required :false, ...
Jquery validate 验证
metecyu的专栏
09-04 869
1 必填和远程校验 $("#inputForm").validate({ rules: { "username": "required", "loginid": { remote: { type: "post", url: "${ctx}/user/isUniCode.do", data: { code: function() { r
jQuery.validate验证时用的是Form输入表单的name属性
MiuWing的博客
07-19 941
例如： [html] view plain copy >   html>   head>   title>testtitle>   meta http-equiv="Content-Type" content="text/html;charset=utf-8" />   meta http-equiv="Cache-Control" conte
jQuery.form和jQuery.validate的使用
williamHappy的博客
01-05 1900
jquery.form的两种提交方式方式1：ajaxFormajaxForm方式必须先绑定表单，它一般在$(document).ready(function(){})中定义，他能让表单在不刷新页面的情况下post到目标，例：$(document).ready(function(){ $('#updateForm').ajaxForm(function(){ alert("aja
jQuery-Validation-Engine：jQuery表单验证插件
02-27
jQuery验证引擎是一个Javascript插件，旨在验证浏览器（IE 6-8，Chrome，Firefox，Safari，Opera 10）中的表单字段。 该插件提供了吸引人的视觉提示，吸引了用户对主题的关注。 验证范围从电子邮件，电话和URL到更...
jquery表单验证插件validationEngine---个人修改
03-18
**jQuery表单验证插件ValidationEngine详解** 在Web开发中，表单验证是必不可少的一环，它能够确保用户输入的数据符合预设的规则，从而提高数据的准确性和系统的稳定性。ValidationEngine是一款基于jQuery的强大的...
jQuery插件form-validation-engine正则表达式操作示例
10-20
jQuery插件form-validation-engine是一个强大的表单验证工具，它允许开发者使用正则表达式来定义各种验证规则，确保用户输入的数据符合预设的格式。在本文中，我们将深入探讨如何利用该插件进行正则表达式操作，以及...
jquery-validation-1.19.1.zip
04-06
jQuery-validation是Web开发中常用的客户端表单验证插件，其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了完整的源码、库文件、示例、测试用例以及相关文档，...
JQuery Validate自带验证例子
DevGu
05-19 596
$("#inputForm").validate({ rules: { strategyTypeId: { remote:{ url: "${ctx}/asset/checkAssetName?nocache=" + new Date().getTime(),
jquery Validate验证详解
Wisdom—Yoga—TaciturnKnight（WYT）
06-05 516
1、导入js文件 &lt;script src="jQuery.2.1.1.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="jquery.validate.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src=&q
validate校验的应用
java学习中..
03-27 837
$("#inputForm").validate({ rules: { pid:"required", taxMonth: { required:true, remote: {  url:"${ctx}/tax/busTax/checkTaxMonth",   data:{  pid: function () { return $("#pid").val(); },  taxMo
Jquery Validate 相关参数及常用的自定义验证规则 正则验证
JavaNotes的博客
05-10 425
https://www.cnblogs.com/mahoumei/p/6834961.htm//正则验证 $("#inputForm").validate({ rules: { tel: { rangelength:[8,11] }, ...
自定义jQValidate校验规则
Optimistic
08-24 6726
自定义jQ Validate校验规则
【高创新】基于鲸鱼优化算法WOA-Transformer-LSTM实现故障识别Matlab实现.rar
最新发布
09-18
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值