JS的实现简单的表单验证

最新推荐文章于 2024-04-30 08:58:14 发布

别拿新手不当人

最新推荐文章于 2024-04-30 08:58:14 发布

阅读量946

点赞数 1

分类专栏：菜鸟每天进步一点点文章标签： js form submit

本文链接：https://blog.csdn.net/hjxdreamer/article/details/42262869

版权

菜鸟每天进步一点点专栏收录该内容

49 篇文章 1 订阅

订阅专栏

使用js来实现简单的form表单验证：

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm(){
   var x = document.forms["myForm"]["fname"].value;
   var y = document.forms["myForm"]["fsex"].value;
   if (x == null || x == ""){
       alert("姓必须填写");
       return false;
    }
    if (y == null || y == ""){
       alert("性别必须填写");
       return false;
    }
    var z = document.forms["myForm"]["email"].value;
    var atpos = z.indexOf("@");
    var dotpos = z.lastIndexOf(".");
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=z.length)
    {
     alert("Not a valid e-mail address");
     return false;
    }
}
</script>
</head>
 <body>
    <form name="myForm" action="xxx.do" οnsubmit="return validateForm()" method="post">
        姓名: <input type="text" name="fname">
        性别: <input type="text" name="fsex">
        Email: <input type="text" name="email">
        <input type="submit" value="提交">
     </form>
 </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

别拿新手不当人

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS的实现简单的表单验证

使用js来实现简单的form表单验证：function validateForm(){ var x = document.forms["myForm"]["fname"].value; var y = document.forms["myForm"]["fsex"].value; if (x == null || x == ""){ alert("姓必须
复制链接

扫一扫