JavaScript 本地验证用户注册信息

 1 <!-- 使用JS来本地验证用户的注册信息，常见的密码设置太短，用户名太长等问题，
 2     为了安全可靠性，最好还是在服务端进行二次验证。我的服务端语言是PHP。
 3     本地验证可以减少对服务器的请求（新手的认识~）。下面是具体的代码，
 4 -->
 5 <!DOCTYPE HTML>
 6 <html>
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <head>
 9         <title>User Register page</title>
10     </head>
11     <body>
12         <script>
13             function checkUserName(){
14                 var obj = document.reg_form.user_name.value;
15                 if (obj.length > 6) {
16                     alert("用户名长度超过限制！");
17                     return false;
18                 }
19                 var v_pwd = document.reg_form.pwd.value;
20                 if (v_pwd.length > 10) {
21                     alert("密码长度超过限制！");
22                     return false;
23                 }else if(v_pwd.length < 5) {
24                     alert("密码太短！");
25                     return false;
26                 }
27                 return true;
28             }
29         </script>
30         <form name="reg_form" action="server_register_verify.php" method="post" onsubmit="return checkUserName()">
31              <p>用户名:<input type="text" name="user_name" /></p>
32              <p>密码:<input type="password" name="pwd" /></p>
33              <p>确认密码:<input type = "password" name = "pwd_again" /></p>
34              <p><input type="submit" /></p>
35         </form>
36     </body>
37 </html>

转载于:https://www.cnblogs.com/vokie/p/3951123.html

JavaScript 本地验证用户注册信息相关推荐

魔方APP项目-05-注册功能实现，手机号唯一验证接口、客户端进行手机号验证、保存用户注册信息接口、客户端用户进行注册、使用云通讯发送短信，服务端实现发送短信验证码的api接口、客户端实现点击发送短信
用户模块注册功能实现 1.手机号码唯一验证接口在开发中,针对客户端提交的数据进行验证或提供模型数据转换格式成字典给客户端.可以使用Marshmallow模块来进行. 为了方便导包,所以我们设置当前 ...
Node.js毕业设计——基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现（毕业论文+程序源码）——供求信息网站
基于Node.js+JavaScript+MongoDB的供求信息网站设计与实现(毕业论文+程序源码) 大家好,今天给大家介绍基于Node.js+JavaScript+MongoDB的供求信息网站设计 ...
基于JavaScript的HTML用户注册界面以及简单应用
二.实验内容创建用户注册页面文件register.html,界面如下图: 2．新建JavaScript文件verify.js,对注册信息进行验证,各输入项的验证要求如图所示,若输入数据不符要求,显示 ...
html增加状态信息管理代码,JavaScript+HTML实现学生信息管理系统
一.前言用数组来存储所有学生对象的信息,实现了双向更新,初始时(数组内的对象信息"填充界面"),后面的界面操作可以更新数组内对象的信息(数量和本身数据域信息). 优点:JQuer ...
如何在JavaScript中验证电子邮件地址
如何在JavaScript中验证电子邮件地址? #1楼与squirtle相比 ,这是一个复杂的解决方案,但是在正确验证电子邮件方面做得非常出色: function isEmail(email) { ...
SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
查看本地oracle密码是多少钱,Oracle 本地验证和密码文件
fileINTERNAL 6A75B1BBE50E66AB 4DE42795E66117AE 在数据库没有启动之前,数据库的内建用户是无法通过数据库本身来验证身份的,通过密码文件, oracle就可以 ...
html5学生信息注册码,JavaScript+HTML实现学生信息管理系统代码示例
本篇文章小编给大家分享一下JavaScript+HTML实现学生信息管理系统代码示例,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看. 一.前言用数组来 ...
魔方APP项目-09-用户中心，退出登录、更新头像、本地更新头像信息
用户中心一.退出登录 APP项目中对于用户的退出登录,一般都在设置中进行. 客户端新增配置页面setting.html,代码: <!DOCTYPE html> <html> ...

JavaScript 本地验证用户注册信息

JavaScript 本地验证用户注册信息相关推荐

最新文章

热门文章