首页
互助圈
新手教程
进阶之路
算法原理
架构设计
JAVA进阶
C/C++进阶
Python进阶
JavaScript
数据库
大数据
消息服务
源码解读
JAVA源码
Spring源码
数据库
消息服务
Dubbo源码
面试指南
大厂专栏
面试技巧
面试经验
面试题库
开发资料
文档资料
工具软件
电子书籍
小牛导航
在线工具
登录
当前位置:
首页
>
工具软件
>
Validation
>
使用案例
>
javascript 자주사용하는 validation
昌栋
2023-12-01
<script language=
"javascript"
>
<!--
function
form1_onsubmit()
{
var
urlreg=/^[A-Za-z0-9]+/.[A-Za-z0-9]+[//=/?%/-&_~`@[/]/':+!]*([^<>/
"/"
])*$/
var
url=document.form1.url.value
if
(!urlreg.test(url))
{
alert(
"网址错误!"
)
document.form1.url.focus()
return
false
}
}
-->
</script>
<form name=
"form1"
method=
"post"
action=
""
οnsubmit=
"return form1_onsubmit()"
>
http:
//<input type="text" name="url" value="">
<input type=
"submit"
name=
"submit"
value=
"验证"
>
</form>
javascript验证表单大全
1. 长度限制
<script>
function
test()
{
if
(document.a.b.value.length>50)
{
alert(
"不能超过50个字符!"
);
document.a.b.focus();
return
false
;
}
}
</script>
<form name=a οnsubmit=
"return test()"
>
<textarea name=
"b"
cols=
"40"
wrap=
"VIRTUAL"
rows=
"6"
></textarea>
<input type=
"submit"
name=
"Submit"
value=
"check"
>
</form>
2. 只能是汉字
<input οnkeyup=
"value="
/oblog/value.replace(/[^/u4E00-/u9FA5]/g,
''
)">
3." 只能是英文
<script language=javascript>
function
onlyEng()
{
if
(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=
false
;
}
</script>
<input οnkeydοwn=
"onlyEng();"
>
4. 只能是数字
<script language=javascript>
function
onlyNum()
{
if
(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=
false
;
}
</script>
<input οnkeydοwn=
"onlyNum();"
>
5. 只能是英文字符和数字
<input οnkeyup=
"value="
/oblog/value.replace(/[/W]/g,
"'') "
onbeforepaste=
"clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
>
6. 验证油箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function
isEmail(strEmail) {
if
(strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)
return
true
;
else
alert(
"oh"
);
}
</SCRIPT>
<input type=text οnblur=isEmail(
this
.value)>
7. 屏蔽关键字(这里屏蔽***和****)
<script language=
"javascript1.2"
>
function
test() {
if
((a.b.value.indexOf (
"***"
) == 0)||(a.b.value.indexOf (
"****"
) == 0)){
alert(
":)"
);
a.b.focus();
return
false
;}
}
</script>
<form name=a οnsubmit=
"return test()"
>
<input type=text name=b>
<input type=
"submit"
name=
"Submit"
value=
"check"
>
</form>
8. 两次输入密码是否相同
<FORM METHOD=POST ACTION=
""
>
<input type=
"password"
id=
"input1"
>
<input type=
"password"
id=
"input2"
>
<input type=
"button"
value=
"test"
οnclick=
"check()"
>
</FORM>
<script>
function
check()
{
with
(document.all){
if
(input1.value!=input2.value)
{
alert(
"false"
)
input1.value =
""
;
input2.value =
""
;
}
else
document.forms[0].submit();
}
}
</script>
够了吧 :)
屏蔽右键 很酷
οncοntextmenu=
"return false"
οndragstart=
"return false"
onselectstart=
"return false"
加在body中
二
2.1 表单项不能为空
<script language=
"javascript"
>
<!--
function
CheckForm()
{
if
(document.form.name.value.length == 0) {
alert(
"请输入您姓名!"
);
document.form.name.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<script language=
"javascript"
>
<!--
function
CheckForm()
if
(document.form.PWD.value != document.form.PWD_Again.value) {
alert(
"您两次输入的密码不一样!请重新输入."
);
document.ADDUser.PWD.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.3 表单项只能为数字和
"_"
,用于电话/银行帐号验证上,可扩展到域名注册等
<script language=
"javascript"
>
<!--
function
isNumber(String)
{
var
Letters =
"1234567890-"
;
//可以自己增加可输入值
var
i;
var
c;
if
(String.charAt( 0 )==
'-'
)
return
false
;
if
( String.charAt( String.length - 1 ) ==
'-'
)
return
false
;
for
( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if
(Letters.indexOf( c ) < 0)
return
false
;
}
return
true
;
}
function
CheckForm()
{
if
(! isNumber(document.form.TEL.value)) {
alert(
"您的电话号码不合法!"
);
document.form.TEL.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.4 表单项输入数值/长度限定
<script language=
"javascript"
>
<!--
function
CheckForm()
{
if
(document.form.count.value > 100 || document.form.count.value < 1)
{
alert(
"输入数值不能小于零大于100!"
);
document.form.count.focus();
return
false
;
}
if
(document.form.MESSAGE.value.length<10)
{
alert(
"输入文字小于10!"
);
document.form.MESSAGE.focus();
return
false
;
}
return
true
;
}
//-->
</script>
2.5 中文/英文/数字/邮件地址合法性判断
<SCRIPT LANGUAGE=
"javascript"
>
<!--
function
isEnglish(name)
//英文值检测
{
if
(name.length == 0)
return
false
;
for
(i = 0; i < name.length; i++) {
if
(name.charCodeAt(i) > 128)
return
false
;
}
return
true
;
}
function
isChinese(name)
//中文值检测
{
if
(name.length == 0)
return
false
;
for
(i = 0; i < name.length; i++) {
if
(name.charCodeAt(i) > 128)
return
true
;
}
return
false
;
}
function
isMail(name)
// E-mail值检测
{
if
(! isEnglish(name))
return
false
;
i = name.indexOf(
" at "
);
j = name dot lastIndexOf(
" at "
);
if
(i == -1)
return
false
;
if
(i != j)
return
false
;
if
(i == name dot length)
return
false
;
return
true
;
}
function
isNumber(name)
//数值检测
{
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.name.value)) {
alert(
"英文名不合法!"
);
form.name.focus();
return
false
;
}
if
(! isChinese(form.cnname.value)) {
alert(
"中文名不合法!"
);
form.cnname.focus();
return
false
;
}
if
(! isNumber(form.PublicZipCode.value)) {
alert(
"邮政编码不合法!"
);
form.PublicZipCode.focus();
return
false
;
}
return
true
;
}
//-->
</SCRIPT>
2.6 限定表单项不能输入的字符
<script language=
"javascript"
>
<!--
function
contain(str,charset)
// 字符串包含测试函数
{
var
i;
for
(i=0;i<charset.length;i++)
if
(str.indexOf(charset.charAt(i))>=0)
return
true
;
return
false
;
}
function
CheckForm()
{
if
((contain(document.form.NAME.value,
"%/(/)><"
)) || (contain(document.form.MESSAGE.value,
"%/(/)><"
)))
{
alert(
"输入了非法字符"
);
document.form.NAME.focus();
return
false
;
}
return
true
;
}
//-->
</script>
1. 检查一段字符串是否全由数字组成
---------------------------------------
<script language=
"Javascript"
><!--
function
checkNum(str){
return
str.match(//D/)==
null
}
alert(checkNum(
"1232142141"
))
alert(checkNum(
"123214214a1"
))
// --></script>
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<NUM.length;i++)
{
j=strTemp.indexOf(NUM.charAt(i));
if
(j==-1)
{
//说明有字符不是数字
return
0;
}
}
//说明是数字
return
1;
}
6. 电话号码格式验证
---------------------------------------
//函数名:fucCheckTEL
//功能介绍:检查是否为电话号码
//参数说明:要检查的字符串
//返回值:1为是合法,为不合法
function
fucCheckTEL(TEL)
{
var
i,j,strTemp;
strTemp=
"0123456789-()# "
;
for
(i=0;i<TEL.length;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<s.length;i++)
ret=ret && (s.charCodeAt(i)>=10000);
return
ret;
}
8. 综合的判断用户输入的合法性的函数
---------------------------------------
<script language=
"javascript"
>
//限制输入字符的位数开始
//m是用户输入,n是要限制的位数
function
issmall(m,n)
{
if
((m<n) && (m>0))
{
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
); }
}
11. form文本域的通用校验函数
---------------------------------------
作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。
使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name=
"txt_1"
title=
"姓名"
>,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话,再把域的id统一为sz.
javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。
程序比较草,只是提供一个思路。抛砖引玉! :)
哦,对了,函数调用方法:< form οnsubmit=
"return dovalidate()"
>
function
dovalidate()
{
fm=document.forms[0]
//只检测一个form,如果是多个可以改变判断条件
for
(i=0;i<fm.length;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
;
}
2 >表单提交验证类
2.1 表单项不能为空
<script language=
"javascript"
>
<!--
function
CheckForm()
{
if
(document.form.name.value.length == 0) {
alert(
"请输入您姓名!"
);
document.form.name.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<script language=
"javascript"
>
<!--
function
CheckForm()
if
(document.form.PWD.value != document.form.PWD_Again.value) {
alert(
"您两次输入的密码不一样!请重新输入."
);
document.ADDUser.PWD.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.3 表单项只能为数字和
"_"
,用于电话/银行帐号验证上,可扩展到域名注册等
<script language=
"javascript"
>
<!--
function
isNumber(String)
{
var
Letters =
"1234567890-"
;
//可以自己增加可输入值
var
i;
var
c;
if
(String.charAt( 0 )==
'-'
)
return
false
;
if
( String.charAt( String.length - 1 ) ==
'-'
)
return
false
;
for
( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if
(Letters.indexOf( c ) < 0)
return
false
;
}
return
true
;
}
function
CheckForm()
{
if
(! isNumber(document.form.TEL.value)) {
alert(
"您的电话号码不合法!"
);
document.form.TEL.focus();
return
false
;
}
return
true
;
}
-->
</script>
2.4 表单项输入数值/长度限定
<script language=
"javascript"
>
<!--
function
CheckForm()
{
if
(document.form.count.value > 100 || document.form.count.value < 1)
{
alert(
"输入数值不能小于零大于100!"
);
document.form.count.focus();
return
false
;
}
if
(document.form.MESSAGE.value.length<10)
{
alert(
"输入文字小于10!"
);
document.form.MESSAGE.focus();
return
false
;
}
return
true
;
}
//-->
</script>
2.5 中文/英文/数字/邮件地址合法性判断
<SCRIPT LANGUAGE=
"javascript"
>
<!--
function
isEnglish(name)
//英文值检测
{
if
(name.length == 0)
return
false
;
for
(i = 0; i < name.length; i++) {
if
(name.charCodeAt(i) > 128)
return
false
;
}
return
true
;
}
function
isChinese(name)
//中文值检测
{
if
(name.length == 0)
return
false
;
for
(i = 0; i < name.length; i++) {
if
(name.charCodeAt(i) > 128)
return
true
;
}
return
false
;
}
function
isMail(name)
// E-mail值检测
{
if
(! isEnglish(name))
return
false
;
i = name.indexOf(
" at "
);
j = name dot lastIndexOf(
" at "
);
if
(i == -1)
return
false
;
if
(i != j)
return
false
;
if
(i == name dot length)
return
false
;
return
true
;
}
function
isNumber(name)
//数值检测
{
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.name.value)) {
alert(
"英文名不合法!"
);
form.name.focus();
return
false
;
}
if
(! isChinese(form.cnname.value)) {
alert(
"中文名不合法!"
);
form.cnname.focus();
return
false
;
}
if
(! isNumber(form.PublicZipCode.value)) {
alert(
"邮政编码不合法!"
);
form.PublicZipCode.focus();
return
false
;
}
return
true
;
}
//-->
</SCRIPT>
2.6 限定表单项不能输入的字符
<script language=
"javascript"
>
<!--
function
contain(str,charset)
// 字符串包含测试函数
{
var
i;
for
(i=0;i<charset.length;i++)
if
(str.indexOf(charset.charAt(i))>=0)
return
true
;
return
false
;
}
function
CheckForm()
{
if
((contain(document.form.NAME.value,
"%/(/)><"
)) || (contain(document.form.MESSAGE.value,
"%/(/)><"
)))
{
alert(
"输入了非法字符"
);
document.form.NAME.focus();
return
false
;
}
return
true
;
}
类似资料:
相关阅读
相关文章
相关问答
快捷导航:
新手教程
算法原理
架构设计
Java进阶
数据库进阶
大厂专栏
面试经验
编程笔记
编程问答
所有专题
文档资料
工具软件
电子书籍
小牛导航
在线工具:
房贷计算器
个税计算器
Linux命令查询
Json格式化
正则表达式
颜色转换
AES加解密
SHA1加密
MD5加密
毒鸡汤
字数统计
随机密码生成
进制转换
Base64编解码
励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.