• 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()/">;
    ```
  • 相关阅读:
    数据库chapter 4 数据库安全性
    数据库 chapter 2 关系数据库
    数据库 chapter 1 概论
    操作系统 chapter 11 I/O系统
    操作系统 chapter 12 死锁
    操作系统 chapter 7 8 存储模型
    聊一聊移动调试那些事儿
    获取当前日期和农历的js代码
    使用 CSS 媒体查询创建响应式网站
    大前端工具集
  • 原文地址:https://www.cnblogs.com/qichunlin/p/7811417.html
Copyright © 2020-2023  润新知