js中正则匹配邮箱
2016-04-29 00:00
621 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>正则匹配邮箱</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="布尔教育 http://www.itbool.com" /> </head> <body> <form action=""> <p>用户名:<input type="text" name="user"/></p> <p>Email:<input type="text" name="email"/></p> <p><input type="submit" /></p> </form> </body> <script> document.getElementsByTagName('form')[0].onsubmit=function (){ // 阻止提交,part.test()方法用来进行正则匹配 var part=/^[a-zA-Z0-9]{6,11}$/; if(!part.test(document.getElementsByName('user')[0].value)){ alert("请输入正确的用户名"); return false; } var partt=/^\w+@\w+(\.\w+)+$/; if(!partt.test(document.getElementsByName('email')[0].value)){ alert("请输入正确的emial"); return false; } } </script> </html>
选中邮箱信息的变红:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <input type="submit" value="提交" onclick="find()" /> <ul> <li>张飞<123@163.com></li> <li>刘备15732113942</li> <li>赵云<921132215@qq.com></li> </ul> </body> <script> function find(){ var lis=document.getElementsByTagName('li'); var patt=/\w+@\w+(\.\w+)+/; var i=0; for (var i = 0; i < lis.length; i++) { if(patt.exec(lis[i].innerHTML)!=null){ lis[i].style.background="red"; } } } </script> </html>
相关文章推荐
- JS中字符串的处理函数
- gradle中net.sf.json引入失败的解决方法
- js左移右移边距问题
- JS常用的函数笔记
- js 控制div 元素 随着窗口的变化,保持长宽比例不变
- javascript
- 7章: ExtJs响应事件(未完待续。。。)
- JavaScript 中 Date() 和New Date()有什么区别?
- gson json转换对象及对象对象转换为json帮助类
- 【javascript笔记】this in javascript
- 【javascript笔记】this in javascript
- JavaScript学习第三天
- Json工具类 ---JsonUtil
- JavaScript中的继承之寄生式继承
- JavaScript知识总结—cookie及其应用
- JavaScript算法
- javascript中利用柯里化函数实现bind方法
- js检测IE浏览器版本
- js 冒泡排序与 数字组合 算法
- js 的ArrayList