HTML5表单验证
来源:互联网 发布:中国软件发展趋势 编辑:程序博客网 时间:2024/06/11 11:34
在网上搜索表单验证,大多数都是JS写的,比较复杂。但是翻阅了HTML5的新标签之后,发现HTML5原生支持对正则表达式、非空的检测,即pattern,required标签。
如下即可实现该输入框非空,且是正整数:
<input name="simple" required pattern="^[1-9]\d*">
不过在提交表单时,如果输入框不合规范,默认的提示并不友好,如果想要更改默认的提示,需要加入oninvalid标签,并编写包含setCustomValidity函数的JS函数
如下:
<input name="simple" required pattern="^[1-9]\d* oninvalid="validatelt(this,'请输入正整数!')" ><script> function validatelt(inputelement,err){ inputelement.setCustomValidity(err); } </script>
当然,如果需要更复杂的验证功能,JS代码还是不可少的。
阅读全文
0 0
- HTML5表单自动验证
- HTML5表单及其验证
- HTML5 中的表单验证
- HTML5中的表单验证
- HTML5表单验证
- HTML5表单及其验证
- html5 智能表单验证
- 表单验证使用HTML5
- HTML5表单验证
- HTML5表单及其验证
- HTML5表单及其验证
- HTML5表单验证特性
- HTML5表单及其验证
- HTML5表单验证
- html5表单验证
- HTML5表单及其验证
- HTML5 - 表单客户端验证
- HTML5表单及其验证
- 操作GPIO其中的两种方法
- python-pip : Depends: python-setuptools (= 0.6c1) 问题
- S5PV210-uboot解析(四)-main_loop函数分析
- 安卓studio导入framwork源码如何利用debug
- iOS weak和assign修饰OC对象的区别
- HTML5表单验证
- 自定义原生jsonp跨域请求
- javawebday20(绝对路径)
- 鼠标 not-allowed 样式,和 css3 point-events
- 欢迎使用CSDN-markdown编辑器
- linux 学习笔记六 lvm
- Machine learning of neural representations of suicide and emotion concepts identifies suicidal youth
- 值得程序员去学习的一些东西
- hdu-1171-Big Event in HDU(背包)