javascript表单验证
提交,javascript提交表单:
目录:
1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制2.:js判断汉字、判断是否汉字、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字
6: js email验证、js 判断email 、信箱/邮箱格式验证
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码
2.1: js 不为空、为空或不是对象、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和"_",
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7表单的自符控制
2.8:form文本域的通用校验函数
1. 长度限制
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
docum ent.a.b.focus();
return false;
}
}
2. 只能是汉字
3." 只能是英文
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
4. 只能是数字
function onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode <=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
5. 只能是英文字符和数字
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d] /g,''))">
6. 验证油箱格式
function isEmail(strEm ail) {
if
(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0 -9]+$/) != -1)
return true;
else
alert("oh");
}
7. 屏蔽关键字(这里屏蔽***和****)
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
alert(":)");
a.b.focus();
return false;}
}
8. 两次输入密码是否相同
function check()
{
with(docum ent.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
够了吧:)
屏蔽右键很酷
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"加在body中
二
2.1 表单项不能为空
2.2 比较两个表单项的值是否相同
docum ent.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
2.4 表单项输入数值/长度限定
{
alert("输入数值不能小于零大于100!");
docum ent.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10) {
alert("输入文字小于10!");
docum ent.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
2.5 中文/英文/数字/邮件地址合法性判断
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}
function isNumber(nam e) //数值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9") return false;
}
return true;
}
function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的电子邮件不合法!");
form.Email.focus();
return false;
}
if(! isEnglish(form.nam e.value)) {
alert("英文名不合法!");
https://www.360docs.net/doc/fd1464416.html,.focus();
return false;
}
if(! isChinese(https://www.360docs.net/doc/fd1464416.html,name.value)) {
alert("中文名不合法!");
https://www.360docs.net/doc/fd1464416.html,name.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("邮政编码不合法!");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
2.6 限定表单项不能输入的字符
1. 检查一段字符串是否全由数字组成
---------------------------------------
2. 怎么判断是否是字符
---------------------------------------
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
3. 怎么判断是否含有汉字
---------------------------------------
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符");
4. 邮箱格式验证
---------------------------------------
//函数名:chkemail
//功能介绍:检查是否为Email Address
//参数说明:要检查的字符串
//返回值:0:不是1:是
function chkemail(a)
{ var i=a.length;
var temp = a.indexOf('@');
var tempd = a.indexOf('.');
if (temp > 1) {
if ((i-temp) > 3){
if ((i-tempd)>0){
return 1;
}
}
}
return 0;
}
5. 数字格式验证
--------------------------------------- //函数名:fucCheckNUM
//功能介绍:检查是否为数字
//参数说明:要检查的数字
//返回值:1为是数字,0为不是数字function fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0
for (i=0;i { j=strTemp.indexOf(NUM.charAt(i)); if (j==-1) { //说明有字符不是数字 return 0; } } //说明是数字 return 1; } 6. 电话号码格式验证 --------------------------------------- //函数名:fucCheckTEL //功能介绍:检查是否为电话号码 //参数说明:要检查的字符串 //返回值:1为是合法,0为不合法 function fucCheckTEL(TEL) { var i,j,strTemp; strTemp="0123456789-()# "; for (i=0;i { j=strTemp.indexOf(TEL.charAt(i)); if (j==-1) { //说明有字符不合法 return 0; } } //说明合法 return 1; } 7. 判断输入是否为中文的函数 --------------------------------------- function ischinese(s){ var ret=true; for(var i=0;i ret=ret && (s.charCodeAt(i)>=10000); return ret; } 8. 综合的判断用户输入的合法性的函数 --------------------------------------- //限制输入字符的位数开始 //m是用户输入,n是要限制的位数 function issm all(m,n) { if ((m { return(false); } else {return(true);} } 9. 判断密码是否输入一致 --------------------------------------- function issame(str1,str2) { if (str1==str2) {return(true);} else {return(false);} } 10. 判断用户名是否为数字字母下滑线 --------------------------------------- function notchinese(str){ var reg=/[^A-Za-z0-9_]/g if (reg.test(str)){ return (false); }else{ return(true); } } 2.8. form文本域的通用校验函数 --------------------------------------- 作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。 该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。 使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名 html如下,当然,最好用可视化工具比如dream weaver什么的来编辑域。 如果要检测数字类型数据的话,再把域的id统一为sz. javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。 程序比较草,只是提供一个思路。抛砖引玉!:) 哦,对了,函数调用方法:< form onsubmit="return dovalidate()"> function dovalidate() { fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件 for(i=0;i { //检测判断条件,根据类型不同可以修改 if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!="")) if(fm[i].value="/blog/="")// { str_warn1=fm[i].title+"不能为空!"; alert(str_warn1); fm[i].focus(); return false; } if(fm[i].id.toUpperCase()=="SZ")//数字校验 { if(isNaN(fm[i].value)) { str_warn2=fm[i].title+"格式不对"; alert(str_warn2); fm[i].focus(); return false; } } } return true; } 第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript js表单验证代码全集 2008年06月25日星期三下午 03:23 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象、判断为空、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和"_", 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数 2.9:js验证手机号,含158,159段的 1. 长度限制 目录: 1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制2.:js判断汉字、判断是否汉字、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字 6: js email验证、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象、判断为空、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单只能为数字和”_”, 2.4:表单项输入数值/长度限定 2.5:中文/英文/数字/邮件地址合法性判断 2.6:限定表单项不能输入的字符 2.7表单的自符控制 2.8:form文本域的通用校验函数 1. 长度限制 《script》 function test() { if(document.a.b.value.length》50) { alert(”不能超过50个字符!”); document.a.b.focus(); return false; } } 《/script》 《form name=a onsubmit=”return test()”》 《textarea name=”b” cols=”40″ wrap=”VIRTUAL” rows=”6″》《/textarea》《input type=”submit” name=”Submit” value=”check”》 《/form》 2. 只能是汉字 《input onkeyup=”value=”/oblog/value.replace(/[^\u4E00-\u9FA5]/g,”)”》3.” 只能是英文 Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在 Javascript在 Javascript鼠标事件大全 一般事件 事件浏览器支持描述 onClick IE3|N2|O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标上的按钮被按下了onMouseUp IE4|N4|O 鼠标按下后,松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件[注意:页面内必须有被聚焦的对象] 页面相关事件 事件浏览器支持描述 onAbort IE4|N3|O 图片在下载时被用户中断 onBeforeUnload IE4|N|O 当前页面的内容将要被改变时触发的事件 onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误,如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成 onMove IE|N4|O 浏览器的窗口被移动时触发的事件onResize IE4|N4|O 当浏览器的窗口大小被改变时触发 希望能帮助更多的人,可以加我qq交流504781715 JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化)
提要:Javascript 是学习脚本语言的首选。她兼容性好,绝大多数浏览器均支持 Javascript,而且她功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广,被定为 javascript,但 是 javascript 与 java 是两门不相干的语言, 作用也不一样。 作为一门独立的编程语言, javascript 可以做很多的事情,但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛, 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言, Jscript 和 vbscript 是微软开发的两种脚本语 言,微软,Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦,所以成立 ECMA , 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript,Javascript 符合 ECMA 的标准,其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准, 但用户较少。vbscript 仅局限在微软的用户, Netscape 不支持。 概括地说,JavaScript 就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言, 而不需要服务器的 处理和响应,当然 JavaScript 也可以做到与服务器的交互响应,而且功能也很强大。而相对 的服务器语言像 asp https://www.360docs.net/doc/fd1464416.html, php jsp 等需要将命令上传服务器,由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中,不需要经过 Web 服务器就可以对用户操作作 出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务 器端的压力,并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似,使用
language="javascript"表示使用 JavaScript 脚本语言,脚本语言还有 vbscript、 jsscript 等,如果没有 language 属性,表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如:js表单验证代码全集
js验证(全)
Javascript基础教程
Javascript鼠标触发事件大全
正则表达式写的form表单验证
(1)FireFox、Opera、Chrome 事件对应的函数有一个隐藏的变量e,表示发生事件。 e有一个属性e.which指示哪个键被按下,给出该键的索引值(按键码)。 静态函数String.fromCharCode()可以把索引值(按键码)转化成该键对应的的字符。eg: [html]view plaincopyprint? 1. 2. FireFox、Opera、Chrome中输入:a 输出:按键码:97 字符:a (2)IE IE不需要e变量,window.event表示发生事件。 window.event有一个属性window.event.keyCode指示哪个键被按下,给出该键的索引值(按键码)。 静态函数String.fromCharCode()可以把索引值(按键码)转化成该键对应的的字符。eg: [html]view plaincopyprint?
Web表单验证实例
Web表单验证实例 学习交流,非诚勿扰:1244399731一、实验要求: 创建一个页面,命名为“表单验证.html”。在页面上创建一个表单,命名为“regform”,其中包含元素为:文本框(username,获取用户名)、文本框(password,密码)、文本框(passwordcheck,对密码进行确认)、单选按钮(radiosex)选择性别、兴趣爱好(hobbycheckbox,至少可选择5项爱好)、下拉列表(homedownselect,用于选择籍贯)、文本域(briefarea,用于获得用户简介)、提交按钮(formsubmit)、重置按钮(formreset)。 当提交表单时,对表单中的信息进行验证并给出提示,要求如下:(1)要求验证上面的所有元素的值必须不为空,即用户必须填写相关内容。 (2)用户名、密码必须是6-20位。 (3)要求password与passwordcheck必须相同。 (4)在表达允许提交的情况下,完成下面动作:打开一个新窗口wid,将上述验证后的表单信息在wid中显示出来。 二、源代码:
JAVASCRIPT脚本编程-带答案
1、JavaScript是什么_______。 A)客户端脚本语言√ B)客户端标记语言 C)服务器端脚本语言 D)服务器端标记语言 2、关于JavaScript的作用说法正确的是_______。(选三项) A)JavaScript即面向过程又面向对象√ B)实现客户端表单验证√ C)制作网页特效√ D)JavaScript语言属于低级语言 3、关于JavaScript编程工具的说法,正确的是_______。 A)只能使用DreamWeaver B)只能使用记事本 C)只能使用EditPlus D)一切文本编辑器皆可√ 4、完整的JavaScript实现包括三个部分,除了_______。 A)ECMAScript B)BOM C)COM √ D)DOM 5、JavaScript脚本文件的后缀名是_______。 A)*.jsp B)*.js √ C)*.java D)*.asp 6、将JavaScript脚本文件导入到HTML页面所对应的标记是_______。 A)