大学生网页设计教程素材网

热门搜索: 网页设计 1 2021 2023 2022 1*1

最新交易

原创可商用
海量更新
不限下载
完美售后

原生js表单验证代码

<form name="myForm" action="" onsubmit="return validateForm()" method="post">
 <div> 邮箱:
    <input type="text" name="email">
  </div>
  <div> 账号:
    <input type="text" name="username">
  </div>
 
  <div> 密码:
    <input type="text" name="password">
  </div>
  <input type="submit" value="提交">
</form>
<script>
function validateForm(){
  var username=document.forms["myForm"]["username"].value;
  var password=document.forms["myForm"]["password"].value;
  var email=document.forms["myForm"]["email"].value;
  var atpos=email.indexOf("@");
  var dotpos=email.lastIndexOf(".");
  
  /* 邮箱验证 */
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length){
  alert("不是一个有效的 e-mail 地址");
  return false;
  }
  
  /* 用户名验证 */
  if (username==null || username==""){
  alert("账号必须填写");
  return false;
  }
  
  /* 密码验证 */
  if (password==null || password==""){
  alert("密码必须填写");
  return false;
  }
}
</script>


上一篇:

下一篇:暂无

Hi, 欢迎加入爱建素材网技术交流群,带你装逼带你飞!

我要入群

爱建素材网,累计帮助1000+学生成功解答网页技术学习,为学习网站开发提供助力!

立刻开启你的建站之旅

在线
客服

在线客服

在线客服 - 爱建素材网周一至周日 10:00-24:00(欢迎呼叫)

选择下列服务马上在线沟通:

客服热线

客服
热线

服务热线

18789616245
6*12小时客服服务热线

微信二维码

微信
二维

微信二维码
顶部