600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > JavaScript使用正则表达式进行邮箱表单验证实例

JavaScript使用正则表达式进行邮箱表单验证实例

时间:2021-01-29 00:42:48

相关推荐

JavaScript使用正则表达式进行邮箱表单验证实例

*******JavaScript使用正则表达式进行邮箱表单验证实例************

1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下

/正则表达式/.test(验证内容)

扩展:JavaScript中正则表达式对象(RegExp)存在3个方法

*(1)test()

test() 方法检索字符串中的指定值。返回值是 true 或 false。

*(2)exec()

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。

*(3)compile()

compile() 方法用于改变 RegExp。

compile() 既可以改变检索模式,也可以添加或删除第二个参数。

详情请参照w3school 网址<a href="/js/js_obj_regexp.asp">JavaScript RegExp 对象</a>

2.Onsubmit 事件是一个在表单上编写的事件操作,只要是表单提交都要触发此事件

实例:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>email 验证</title>

<script language="javascript">

function valuedate(f){

var value = f.mytext.value;

if(!/^\w+@\w+.\w+$/.test(value)){

alert("邮箱格式不正确!请重新输入");

f.mytext.focus();

f.mytext.select();

return false;

}else{

return true;

}

}

</script>

</head>

<body>

<form action="test.html" method ="post" name ="myform" οnsubmit="return valuedate(this)">

email:<input type ="text" name ="mytext"/><br/>

<input type = "submit"/ value="提交">

</form>

</body>

</html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。