JS表单验证Email地址
来源:互联网 发布:java sleep1000 编辑:程序博客网 时间:2024/03/30 00:00
表单验证操作在开发中经常遇到,下面以输入Email提交验证:
JS使用正则表达式验证输入数据格式: /正则表达式/.test(验证的内容)
以上操作返回boolean型数据
<!--验证Email地址--><html><!--网页开始标记--><head><!--头标记--><title>ZhangZe</title><script language = "JavaScript">function validate(f){// 定义函数,此时 f 表示 myformvar value = f.email.value;// 取得输入内容if (!/^\w+@\w+.\w+$/.test(value)){// 对输入内容进行正则验证alert("输入格式不正确!");// 弹出警告框f.email.focus();// 让焦点定位到email框f.email.select();// 选择全部内容return false;// 返回false,表单不提交} return true;// 返回true,表单提交}</script></head><!--完结标记--><body> <!--表单开始标记,按钮事件调用validate()函数进行验证,其中this表示当前元素,即此表单--><form action = "" method = "post" name = "myform" onSubmit = "return validate(this)">Email:<input type = "text" name = "email"><input type = "submit" value = "提交"></form></body></html><!--完结标记-->
出现的问题:
1、正则表达式编写代码时一定要注意空格问题,这是与我编程风格有矛盾的地方。另外要注意结合(^和&)
2、当表单内容是单选按键或复选框,由于出现同名情况,所以要采用数组的方式进行操作。
3、而采用数组操作,编写循环代码时,这也是与编Java代码习惯矛盾的地方。非常容易顺手敲错!eg:for(int i = 0; i < document.myform.length; i++) // 错误!不要 int 类型
- JS表单验证Email地址
- email地址验证(js)
- email表单验证的js代码
- JavaScript表单验证email
- 常用表单验证类,验证EMAIL地址,电话号码,指定长度数字,汉字,邮编,URL地址等
- EMAIL地址有效性验证
- java验证Email地址
- js正则表达式 验证手机号,email地址和邮政编码
- js正则表达式 验证手机号,email地址和邮政编码
- js正则表达式 验证手机号,email地址和邮政编码
- js验证Email
- js 验证email
- JS验证Email
- js 正则验证email
- js 验证 email
- angularjs自定义表单验证email
- 验证EMAIL地址的函数
- 插件36:验证Email地址
- 8583报文手工拆解
- 基础2012.8.3.00.00
- 基础2012.8.4.00.00
- struts2session与request的值问题
- Node(20) File Upload with formidable module
- JS表单验证Email地址
- 汇编语言写引导扇区
- 39个让你受益的HTML5教程
- extjs4.0——charts
- 杭电acm1032 The 3n + 1 problem
- 搞不懂的U-boot
- 以前的代码1
- Ubuntu 12.04不能在华硕F81se系列电脑上安装解决办法
- Writing endian-independent code in C(Don't let endianness "byte" you)