有你在真好 的个人博客
使用校验属性执行校验
阅读:2273 添加日期:2021/3/27 23:25:06 原文链接:https://www.toutiao.com/item/6433367499420467713/

使用校验属性执行校验

使用校验属性执行校验

HTML5为表单控件增加了几个校验属性。

1、required:该属性指定该表单控件必须填写。该属性的值必须是required或完全省略属性值。

2、pattern:该属性指定该表单控件的值必须符合指定的正则表达式。该属性的值必须是一个合法的正则表达式。

3、min、max、step:这3个属性只对数值类型、日期类型的<input.../>元素有效,这3个属性控制该表单控件的值必须在min到max之间,并符合step步长。

使用上面三个属性可以非常方便的完成客户端校验,图书名对应的表单控件要求必须填写,图书ISBN对应的表单控件不仅必须填写,还必须符合指定的正则表达式,图书的价格必须是数值,而且必须在20-150之间且必须是5的倍数。

如果填写不符合规则,浏览器就会提醒。

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号