欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 经验分享 > Js&Ajax > Js判断表单输入为空及email邮箱格式是否正确

Js判断表单输入为空及email邮箱格式是否正确

2018-06-26 1139 收藏 0 赞一个 0 真差劲 0 去评论

JavaScript判断用户输入是否为空,判断输入的Email地址是否正确,使用Js的indexOf函数来判断邮箱格式中是否包括有“@”。在WEB开发时,这是个挺实用的功能,也可作为JavaScript的教程来学习。为了测试方便,把JavaScript和HTML代码全部帖出来,你可复制保存成HTML网页打开测试。

<html>
<head>
<title>Js判断输入为空及email邮箱格式是否正确</title>
<script language="JavaScript">
function test1(form) {
if (form.text1.value == "")
alert("您没输入任何东西哦,请重新输入吧!")
else {
alert("哇塞!! "+form.text1.value+"! 输入完成了唉!");
}
}
function test2(form) {
if (form.text2.value == "" ||
form.text2.value.indexOf('@', 0) == -1)
alert("E-mail地址格式有问题吧?");
else alert("输入完成!");
}
</script>
</head>
<body>
<form name="first">
请输入您的姓名:<br>
<input type="text" name="text1">
<input type="button" name="button1" value="判断输入为空" onClick="test1(this.form)">
<P>
请输入您的e-mail 地址:<br>
<input type="text" name="text2">
<input type="button" name="button2" value="检测Email地址格式是否正确"
onClick="test2(this.form)">
</body>
</html>

以下是运行效果演示截图:

QQ截图20180626140543.jpg

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论