这次给大家带来使用JS实现表单验证（附代码），使用JS实现表单验证的注意事项有哪些，下面就是实战案例，一起来看一下。
表单验证 function checkusername() { var myform = document.getElementById("form1"); var username = myform.username.value.length; if(username 12) { errusername.innerHTML = "用户名不符合要求"; return false; }else{ errusername.innerHTML = "用户名符合要求"; return true; } } function checkage() { var myform = document.getElementById("form1"); var age = myform.age.value; if(age != parseInt(age)) { errage.innerHTML = "年龄不符合要求"; return false; }else{ errage.innerHTML = "年龄符合要求"; return true; } } function checkemail() { var myform = document.getElementById("form1"); var mail=/^[A-Za-z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/; if(!mail.test(myform.email.value)) { erremail.innerHTML = "email不符合要求"; return false; }else{ erremail.innerHTML = "email符合要求"; return true; } } function checkform() { checkusername();checkage();checkemail(); if(checkusername()&&checkage()&&checkemail()) { return true; }else{ return false; } }
请输入你的注册信息 | ||
请输入你的用户名： |
| |
请输入你的年龄： |
| |
请输入你的EMAIL: |
| |
|
| |
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
vue跨域正常调试
ajax与jsonp的使用详解
以上就是使用JS实现表单验证（附代码）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2771351.html
