码迷,mamicode.com
首页 > 其他好文 > 详细

如何进行表单验证

时间:2020-06-30 22:24:50      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:一个   img   输入   没有   lazy   错误   字母   char   做什么   

如何进行表单验证,需要注意什么问题

1.表单验证是指在用户提交表单的时候对用户输入的数据进行检查有没有错误,提示用户输入正确地数据

2.我最初是采用表单的单击按钮进行提交,也就是<input type="button" onclick="return0 yanzhen()" value="验证">,发现提交不了,需要用到sumbit这个属性放到input中去,而且返回给onclick之后接下来做什么呢?

3.<input type="sumbit"/>本身就有提交表单的功能,只是不存在需要验证的地方

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p>    用户验证</p>
        <form action="adress" name="nameform" onsubmit="return yanzhen()" >
            用户账号<input type="text" name="n1" /><br />
            用户密码<input type="text" name="n2" /><br />
            <input type="submit" value="验证" />
        </form>
        <script>
        function yanzhen()
        {var a=document.nameform.n1.value;
         var b=a.substr(0,1);
            if(document.nameform.n1.value.length<2)
            {alert("用户长度不能少于2");
            return false;}
         if(!(b>=a&&b<=z||b>=A&&b<=Z))
            {alert("用户账号第一个为首字母");
            return false;}
         if(document.nameform.n2.value.length<6||document.nameform.n2.value.length>15)
            {alert("用户密码在6-15之间");
            return false;}
            return true;
        }
        
        //        
       </script>
    </body>
</html>

 

技术图片

 

技术图片

 

 

 

 

 

 

 

 

 

 

 

如何进行表单验证

标签:一个   img   输入   没有   lazy   错误   字母   char   做什么   

原文地址:https://www.cnblogs.com/hsl541/p/13216292.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!