JQuery的有效行验证怎么写

本文深入探讨了jQuery表单验证插件的使用方法,详细解释了如何设置各种验证规则和错误消息,包括必填项、最小长度、密码匹配及电子邮件格式等。通过实例展示了如何在前端代码中自定义属性type的值来对应不同的验证规则。
$("#signupForm").validate(
	  {//这里用大括号包含了一个键值对,里面包含两个参数
	  //分别是规则Rules和Message信息
		  rules: 
		  {
		  //规则里面有键值对,键值之间用冒号,这个键就是前台代码里面的自定义属性type的值,键就是默认校验规则
		  //键如果不是一个规则,好几个的时候,使用大括号{规则:值,规则:值}
			  firstname: "required",lastname: "required",
			  username: {required: true,minlength: 2},
			  password: {required: true,minlength: 5},
			  confirm_password: {required: true,minlength: 5,equalTo: "#password"},
			  email: {required: true,email: true},
			  topic: {required: "#newsletter:checked",minlength: 2},
			  agree: "required"
		  },
		  messages: 
		  {
			  firstname: "请输入您的名字",lastname: "请输入您的姓氏",
			  username: 
			  {
				  required: "请输入用户名",minlength: "用户名必需由两个字母组成"
			  },
			  password: {required: "请输入密码",minlength: "密码长度不能小于 5 个字母"},
			  confirm_password: {required: "请输入密码",minlength: "密码长度不能小于 5 个字母",equalTo: "两次密码输入不一致"},
			  email: "请输入一个正确的邮箱",
			  agree: "请接受我们的声明",
			  topic: "请选择两个主题"
		  }
    }
  )
下载前必看:https://pan.quark.cn/s/a4b39357ea24 在本资料中,将阐述如何运用JavaScript达成单击下拉列框选定选项后即时转向对应页面的功能。 此种技术适用于网页布局中用户需迅速选取并转向不同页面的情形,诸如网站导航栏或内容目录等场景。 达成此功能,能够显著改善用户交互体验,精简用户的操作流程。 我们须熟悉HTML里的`<select>`组件,该组件用于构建一个选择列。 用户可从中选定一项,并可引发一个事件来响应用户的这一选择动作。 在本次实例中,我们借助`onchange`事件监听器来实现当用户在下拉列框中选定某个选项时,页面能自动转向该选项关联的链接地址。 JavaScript里的`window.location`属性旨在获取或设定浏览器当前载入页面的网址,通过变更该属性的,能够实现页面的转向。 在本次实例的实现方案里,运用了`eval()`函数来动态执字符串达式,这在现代的JavaScript开发实践中通常不被推荐使用,因为它可能诱发安全问题及难以排错的错误。 然而,为了本例的简化展示,我们暂时搁置这一问题,因为在更复杂的实际应用中,可选用其他方法,例如ES6中的模板字符串或其他函数来安全地构建和执字符串。 具体到本例的代码实现,`MM_jumpMenu`函数负责处理转向逻辑。 它接收三个参数:`targ`、`selObj`和`restore`。 其中`targ`代要转向的页面,`selObj`是触发事件的下拉列框对象,`restore`是标志位,用以指示是否需在转向后将下拉列框的选项恢复至默认的提示项。 函数的实现通过获取`selObj`中当前选定的`selectedIndex`对应的`value`属性,并将其赋予`...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值