JavaScript常用判断写法大全(推荐)


Posted in Javascript onMay 30, 2016

js验证表单大全,用JS控制表单提交,具体内容如下所示:

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." 只能是英文

<script language=javascript>
function onlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script><input onkeydown="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 onkeydown="onlyNum();">

5. 只能是英文字符和数字

<input onkeyup="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 onblur=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 onsubmit="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" onclick="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>

够了吧 :)

屏蔽右键 很酷

oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

加在body中

http://hovertree.com/menu/javascript/

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为是合法,0为不合法 
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); } 
}

2.8. form文本域的通用校验函数

作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。

该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name="txt_1" title="姓名">,当然,最好用可视化工具比如dreamweaver什么的来编辑域。

如果要检测数字类型数据的话,再把域的id统一为sz.

javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

程序比较草,只是提供一个思路。抛砖引玉! :)

哦,对了,函数调用方法:< form onsubmit="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;
}

以上内容是小编给大家日常收集的JavaScript常用判断写法大全,希望对大家有所帮助,如果大家感兴趣可以把此文收藏,方便以后查找!

Javascript 相关文章推荐
Js 刷新框架页的代码
Apr 13 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
详解JavaScript编程中正则表达式的使用
Oct 25 Javascript
跟我学习javascript的var预解析与函数声明提升
Nov 16 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
在Koa.js中实现文件上传的接口功能
Oct 08 Javascript
vue如何搭建多页面多系统应用
Jun 17 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 #Javascript
基于Angularjs实现分页功能
May 30 #Javascript
AngularJs实现分页功能不带省略号的代码
May 30 #Javascript
JS组件Bootstrap Select2使用方法解析
May 30 #Javascript
AngularJs表单验证实例详解
May 30 #Javascript
基于Bootstrap+jQuery.validate实现表单验证
May 30 #Javascript
jquery获取form表单input元素值的简单实例
May 30 #Javascript
You might like
DOMXML函数笔记
2006/10/09 PHP
来自PHP.NET的入门教程
2006/10/09 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
PHP防止跨域提交表单
2013/11/01 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
php使用curl_init()和curl_multi_init()多线程的速度比较详解
2018/08/15 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
清空上传控件input file的值
2010/07/03 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
jQuery创建自定义的选择器用以选择高度大于100的超链接实例
2015/03/18 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
python实现AES加密与解密
2019/03/28 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
产品工艺师的岗位职责
2013/11/15 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
宣传工作经验材料
2014/06/02 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
HTML常用标签超详细整理
2022/03/19 HTML / CSS
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫