JS表单验证

时间：2021-08-01 21:53:28

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>

够了吧JS表单验证

屏蔽右键 很酷

oncontextmenu="return false" ondragstart="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为是合法，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);    }

}



11. 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;

}





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;

}

//-->

</script>

JS表单验证的更多相关文章

  1. JS表单验证-12个常用的JS表单验证

    JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 <p>1. 长度 ...

  2. js 表单验证控制代码大全

    js表单验证控制代码大全 关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:目录:1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长 ...

  3. jquery&period;validation&period;js 表单验证

    jquery.validation.js 表单验证   官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuer ...

  4. Jquery&period;validate&period;js表单验证插件的使用

    作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例 ...

  5. angular js 表单验证

    <!doctype html> <html ng-app="myapp"> <head> <meta charset="UTF- ...

  6. JS表单验证类HTML代码实例

    以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮 ...

  7. Js表单验证控件-02 Ajax验证

    在<Js表单验证控件(使用方便,无需编码)-01使用说明>中,写了Verify.js验证控件的基本用法,基本可以满足大多数验证需求,如果涉及服务端的验证,则可以通过Ajax. Ajax验证 ...

  8. jQuery&period;validate&period;js表单验证插件

    jQuery.validate.js表单验证插件的使用 效果: 代码: <!DOCTYPE html> <html lang="en"> <head& ...

  9. js表单验证工具包

    常用的js表单验证方法大全 /* 非空校验 : isNull() 是否是数字: isNumber(field) trim函数: trim() lTrim() rTrim() 校验字符串是否为空: ch ...

  10. 一个漂亮的js表单验证页面&plus;验证码

    一个漂亮的js表单验证页面 见图知其意, 主要特性 带密码安全系数的判断 其他的就没有啥啦 嘿嘿嘿 当然,其代码也在Github上 我也准备了一套可以直接Ctrl + v; Ctrl + c 运行的代 ...

随机推荐

  1. Android Studio插件美化Android Studio&comma;文艺清新范

    一:重新定义你工作区的颜色 1:原生的工作区文字的颜色反人类,来这个网站下载自己喜欢的主题:http://www.riaway.com/  轻松定义:下载后是个jar包. 2:导入jar包 file ...

  2. iOS10 - 访问系统通讯录新方法

    所需框架 #import <ContactsUI/ContactsUI.h> 遵循代理 CNContactPickerDelegate 调用通讯录 如果在iOS10的机器上调用以前的ABP ...

  3. asp&period;net中如何调取数据库中存储过程输出的两个变量

    public DataTable GetList_GenqtyNumPrice(int _peoid, int _genstorageid,int _goodsid) { DataSet ds = n ...

  4. 十五天精通WCF——终结篇 那些你需要注意的坑

    终于一路走来,到了本系列的最后一篇了,这一篇也没什么好说的,整体知识框架已经在前面的系列文章中讲完了,wcf的配置众多,如果 不加一些指定配置,你可能会遇到一些灾难性的后果,快来一睹为快吧. 一: 第 ...

  5. sessionStorage和localStorage的用法，不同点和相同点

    一,共同点 (1)存储时用setItem: localStorage.setItem("key","value");//以"key"为名称存 ...

  6. javascript学习总结一

    1. 变量提升hoisting 变量提升的意思是在一个变量作用域里定义的变量的声明会被提升到作用域的顶部,这是变量只会被声明,不会被初始化复制,而是undefined. 代码如下: function ...

  7. 域名打开没有加上&OpenCurlyDoubleQuote;http&colon;&sol;&sol;”&comma;导致报错&lbrace;&quot&semi;code&quot&semi;&colon;-32603&comma;&quot&semi;message&quot&semi;&colon;&quot&semi;Cannot navigate to invalid URL&quot&semi;&rcub;

    1.在robotframework中写用例 Open Browser  192.168.4.110:8880/jwzh  Chrome 2.没有写http:// 3.导致报错 4.正确写法应该是 Op ...

  8. Linux内核中Makefile、Kconfig和&period;config的关系（转）

    我们在编译Linux内核时,往往在Linux内核的顶层目录会执行一些命令,这里我以RK3288举例,比如:make firefly-rk3288-linux_defconfig.make menuco ...

  9. 51nod1339飞行任务

    首先按照收获从大到小排序. 然后01背包取或者不取即可. 至于为什么这样对的其实我也不知道.... 代码: #include<bits/stdc++.h> using namespace ...

  10. cocos2dx九宫图使用方法

    九宫格Sprite: itemBg = Scale9Sprite::create("pop/achieve_itembg.png");if(!itemBg)return false ...

相关文章