zoukankan      html  css  js  c++  java
  • 2017.11.9 如何利用JS做登陆验证界面

    ()案例----JavaScript实现输入验证
    需要验证的表单输入域和要求
    用户名不能为空,是否符合规定的格式
    密码长度是否超过6,两次密码输入一致
    邮箱地址:邮箱地址必须符合邮箱形式

    		一般用“buttom”类型按钮提交,提交时先执行“响应函数”	提交方式
    		input type="buttom" value="提交" onClick="响应函数">
    			
    
    ```
    //JavaScript.js
    function validate(){
    	var name=document.forms[0].userName.value;
    	var pwd=document.forms[0].userPwd.value;
    	var pwd1=document.form[0].userPwd1.value;
    	var email=document.form[0].userEmail.value;
    	var accept=document.form[0].accept.checked;
    	var reg1=/[a-zA-Z]w*/;
    	var reg2=^w+([-+.']w+)*@w+([-.]w+)*.w+([-.]w+)*/;
    	if(name.length<=0)
    		alert("用户名不能为空!");
    		else if(!reg1.test(name))
    			alert("用户名格式不正确!");
    			else if(pwd.length<6)
    				alert("密码长度必须大于等于6!");
    				else if(pwd1!=pwd)
    					alert("两次密码输入不正确!");
    					else if(!reg2.test(mail))
    						alert("邮件格式不正确!");
    	else document.form[0].submit();
    }
    ```
    然后在head head之间添加一行
    ```
    <script language="java" src="JavaScript.js"></script>
    ```
    最后,修改注册页面以及最后的“提交输入域”,如下
    ```
    <input type="buttom" value="提交" onClick="validate()/">;
    ```
  • 相关阅读:
    基础语法 -实验楼
    JavaSE案例-Bank
    初识Java
    Java学习大纲-0412更新
    增量法
    蛮力法
    Host‘116.77.33.xx’is not allowed to connect to this MySQL server
    Maven坐标
    HotSpot虚拟机对象创建
    程序计数器为什么是线程私有的?
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7811417.html
Copyright © 2011-2022 走看看