当前位置: 首页 > 中文手册 > jQuery Validator required 非空校验器

jQuery Validator required 非空校验器

jQuery Validator的required校验器用于校验指定输入是否必须非空。

语法

jQuery Validator 1.0 新增

// 在校验规则对象中指定该属性
required: value

// value 一般为true或false,例如:
required: true

参数

参数描述
value任意类型指示是否必须非空,一般为truefalse

required校验器所对应的属性值value可以为任意值,目前框架仅将其视作等价的truefalse进行判断。建议统一设为truefalse,而不要设为其他任意值,以便于后续的扩展兼容。

如果该value值可以被JS等价视作true,则表示输入必须非空;否则表示允许为空。

对于表单元素是一组复选框或单选框,required校验器内部对其做了兼容处理,如果复选框/单选框有至少一个被选中,则视为非空;否则视其为空。为了选取到一组复选框/单选框,请使用"name"来指定校验的元素,而不能使用"#id"。

required校验器具有非常高的优先级。如果一个校验规则中,定义了多个校验器,required校验器会在其他所有校验器之前先执行。

如果输入为空,且输入允许为空(即required:false)时,当前校验规则将直接通过非空校验,也不再执行该校验规则内指定的其他校验。

在绝大多数情况下,输入校验都需要先进行非空校验,使用非常普遍,因此如果校验规则没有显式指定requiredfalse,则jQuery Validator将自动为该规则加上requiredtrue的非空校验。

示例&说明

以如下HTML表单为例:

<form action="http://www.365mini.com/">
	<div>
		<label>商品价格</label>:
		<input id="price" name="price" type="text" >
	</div>
	<input type="submit" value="提交" />
</form>

我们可以指定对表单元素"#price"进行非空校验:运行代码

// 定义一个名为"required"的校验规则,指定使用非空校验器进行非空校验
v.define("required", { required: true });
// 它还等价于 v.define("required", { });
// 当然,系统已经预定了该校验规则,你无需再重复定义,这里只是演示

$("form").v("submit", {
	"#price": "required" // 为ID为"price"的元素指定名为"required"的校验规则
});
// 如果是一组单选框/复选框,不能使用"#price"来指定被校验元素,而应该使用"price"(name属性值)

我们也可以允许该输入为空,如果不为空,再进行格式和范围校验:

$("form").v("submit", {
	"#price": {
		required: false,
		format: "number/money",
		range:"(0,100]"
	}
});
3 0
我们认为: 用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信:只有给用户带来价值,用户才会给我们以回报。
CodePlayer技术交流群1CodePlayer技术交流群1

帮朋友打一个硬广告:

P2P网贷系统(Java版本) 新年低价大促销,多年P2P技术积累,系统功能完善(可按需定制,可支持第三方存管、银行存管),架构稳定灵活、性能优异、二次开发快速简单。 另可提供二次开发、安装部署、售后维护、安全培训等一条龙服务。

外行看热闹,内行看门道。可以自信地认为,在系统设计上,比市面上的晓风、迪蒙、方维、绿麻雀、国融信、金和盛等P2P系统要好。
深圳地区支持自带技术人员现场考察源代码、了解主要技术架构,货比三家,再决定是否购买。

也可推荐他人购买,一旦完全成交,推荐人可获得实际售价 10% 的返现。
有意向者,详情请 点击这里 联系,工作时间立即回复。