在html页面中插入JavaScript代码,验证姓名、生日、学号、电子邮箱非空,同时利用正则表达式实现如下输入信息验证:
① 用正则表达式,对生日信息进行验证。格式为:yyyy-mm-dd,其中,yyyy的范围是{0000—9999},mm的范围是{01—12},dd的范围是{01—31}
② 利用正则表达式,对学号信息进行验证。格式为:9位数字串;前两位范围00-99,倒数第三位为[1-9],最后两位范围01-99。
③利用正则表达式,对电子邮箱信息进行验证。格式为:合法的电子邮件地址指定:实现验证的JavaScript函数名为:function valid117(form){ }
通过输入不同的信息对所编写的验证函数进行测试,确认功能正确。
题主要的代码如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~有其他问题可以继续交流~
<script>
function valid117(form) {
if (!/^\d{4}-(0[1-9]|10||11|12)-(0[1-9]|[1-2]\d?|30|31)$/.test(form.birthdate.value)) {
alert('生日格式不正确!');
form.birthdate.select();
return false;
}
if (!/^\d{2}\d{4}[1-9](0[1-9]|[1-9]\d)$/.test(form.no.value)) {
alert('学号格式不正确!');
form.no.select();
return false;
}
if (!/^([a-z\d_\-\.])+\@([a-z\d_\-\.])+\.([a-z]{2,4})$/i.test(form.email.value)) {
alert('邮箱格式不正确!');
form.email.select();
return false;
}
}
</script>
<form onsubmit="return valid117(this)">
生日:<input type="text" name="birthdate" /><br />
学号:<input type="number" name="no" /><br />
邮箱:<input type="email" name="email" /><input type="submit" value="提交" />
</form>
<script type="text/javascript">
//验证邮箱格式
function isEmail()
{
var email=document.getElementById("zh_e").value;
if(email=="")
{
alert("请输入邮箱!");
document.getElementById("zh_e").focus();
return false;
}
var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
strEmail=pattern.test(email);
if (strEmail)
{
return true;
}
else
{
alert("邮箱格式不正确!");
}
}
</script>