表单的验证javascript

m0_57970861

于 2022-11-01 21:22:37 发布

阅读量134

点赞数

文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/m0_57970861/article/details/127641484

版权

本文介绍了一个简单的表单验证实例，包括对用户输入的邮箱格式和手机号位数进行检查的方法。通过JavaScript实现了基本的格式验证，并在验证通过时给出提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form method="post">
  <input type="email" name="" id="email" placeholder="请输入邮箱账号">
  <input type="password" name="" id="password" placeholder="设置密码">
  <input type="password" name="" id="passwordRepeat" placeholder="确认密码">
  <input type="text" name="" id="tel" placeholder="请输入手机号">
</form>
<input type="checkbox" id="reader-me">选中表示您同意《法国红酒》
<input type="submit" οnclick="mr_verify()" value="注册"
     class="mr-btn mr-btn-primary mr-btn-sm mr-fl">

验证邮件格式：

apos=email.value.indexOf("@")
dotpos=email.value.lastIndexOf(".")
if(apos<1||dotpos-apos<2){
    alert("邮箱格式错误！");
}
else{
    alert("邮箱格式正确")
}

验证手机号位数：
if(isNaN(tel.value)){
    alert("输入数字！");
return;
}
if(tel.value.length!==11){
    alert("错误！手机号是11个数字");
return;
}