【关于JavaScript】常见表单用户名、密码不能为空

在论坛等系统的用户注册功能中,如果用户忘记填写必填信息,如用户名、密码等,浏览器会弹出警告框,提示用户当前有未填信息。

这个典型的应用就是通过JavaScript实现的。如图所示是一个简单的用户注册页面:

按要求用户必须输入用户名、密码和确认密码,而且两次输入的密码必须相同,否则,系统会提示错误。

当用户没有输入用户名就提交注册时,系统会弹出如下图所示的警告窗口,强制用户必须输入用户名。

简单的做法:

 1 <script language="JavaScript">
 2 function check(){
 3 if(document.form1.username.value==""){
 4 alert("用户名不能为空!");
 5 document.form1.username.value.focus();
 6 return false;
 7 }
 8 if(document.form1.password.value==""){
 9 alert("密码不能为空!");
10 document.form1.password.value.focus();
11 return false;
12 }
13 if(document.form1.password.value.length<6)
14 {
15     alert("密码长度不能少于6位");
16     document.form1.password.value.focus();
17     return false;
18 }
19 else
20 if(document.form1.repassword.value!=document.form1.password.value){
21 alert("两次输入的密码不一致!");
22 document.form1.repassword.focus();
23 return false;
24 }}
25 </script>
时间: 2024-11-05 12:26:04

【关于JavaScript】常见表单用户名、密码不能为空的相关文章

用JavaScript进行表单验证

用户填写表单后提交,服务器端脚本会先验证数据,保证数据的正确性(比如数据是符合要求的内容.格式正确等)后再将数据交到数据库存储供以后使用.也可以在客户机上用JavaScript进行表单验证,比较快,用户操作效率较高.虽然用JavaScript进行表单验证有很多优点,不过有些用户可能会关闭浏览器JavaScript功能或者不支持JavaScript,因此在服务器端脚本的表单验证必不可少. 研究了<JavaScript基础教程 第九版>[美·Dori Smith,Tom Negrino] 一书中对

常见表单重复提交问题整理及解决方法

常见表单重复提交问题整理及解决方法 一.常见的重复提交问题 a>点击提交按钮两次. b>点击刷新按钮. c>使用浏览器后退按钮重复之前的操作,导致重复提交表单. d>使用浏览器历史记录重复提交表单. e>浏览器重复的HTTP请求. 二.防止表单重复提交的方法 a>禁掉提交按钮.表单提交后disabled现在的按钮或者取消该按钮的点击事件或者默认事件.这种方法防止心急的用户多次点击按钮.但有个问题,如果在客户端把Javascript给禁止掉,这种方法就无效了,当然现代的w

form表单的密码是否一致校验功能

这是form类表单,自定义的form表单,需要重写钩子函数 """ forms类表单 """ # 校验密码是否一致 from django.core.exceptions import ValidationError from django import forms class RegForm(forms.Form): username = forms.CharField( max_length=16, label='用户名', label_su

javaScript简单表单验证插件

 Validator = { Require : /.+/, Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,     Phone : /^(0[1-9][0-9]{1,2}-[1-9][0-9]{6,7})$/, Mobile : /^((\(\d{3}\))|(\d{3}\-))?1[3,5,8]\d{9}$/, Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[

JavaScript与表单控件

JavaScript与表单控件 1.表单控件 a) 在HTML中表单控件是客户端与服务器进行数据传输的工具,用来收集客户端的信息,并允许客户端的用户以标准格式向服务器提交数据 b) <form name="frmName" action="frmAction" [method="post(默认)/get" [target="targetType"] [enctype=""]></form&

第一百五十三节,封装库--JavaScript,表单验证--备注字数验证

封装库--JavaScript,表单验证--备注字数验证 效果图

【js类库AngularJs】学习angularJs的指令(包括常见表单验证,隐藏等功能)

[js类库AngularJs]学习angularJs的指令(包括常见表单验证,隐藏等功能) AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的 是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入.等等. 参考资料: angularjs中文网:http://www.apjs.net/ angularjs官网:http://angula

【JavaScript】表单提交之前的前台处理检查三部曲

本来一个小小的表单的参数传递时非常简单的,是基础的基础,但是考虑到现在网上的不法分子越来越猖獗,而且那些平时没事做一心钻研黑客技术的人越来越多,你在表单提交之前,首先就应该在前台中处理一下,后台部分的当然也要处理sql注入的问题,不过本文主要讨论前台表单参数传递的问题.真不知道那些一心黑别人网站的人是怎么样,以为自己的技术很牛逼的样子,其实,有这么强的技术,就应该好好找份工作拿拿高薪,而不是专注黑客一万年,为难一些小网站的程序猿.程序猿何苦为难程序猿呢?同是猿猴罢了. 一.基本目标 首先,没有转

JavaScript 正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找到 "错误.jpg"  图片,自己制作一个 b.验证的判断已经完成,只需要根据自己的验证规则进行表单验证,更换自己的正则表达式. c.博主将错误提示图片插入本文档中.需要更名为  "错误.jpg",放到与html根目录下方可使用.      (错误提示图片) <!