js验证表单大全

最新推荐文章于 2024-07-21 23:04:09 发布
最新推荐文章于 2024-07-21 23:04:09 发布
阅读量995 收藏
点赞数
分类专栏： ExtJS 文章标签： javascript function input dreamweaver 电话 string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JavaAlpha/article/details/4442569
版权
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 ο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();">
或者

<input type="text" οnkeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;"/>
或者:
<input   οnkeyup="if(event.keyCode   !=37   &&   event.keyCode   !=   39)   value=value.replace(//D/g,'');"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(//D/g,''))">
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为是合法，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      ο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;
}
//-->
</script>

JavaAlpha
关注
专栏目录
js验证表单大全,用JS控制表单提交 ,javascript提交表单
06-15
js验证表单大全,用JS控制表单提交 ,javascript提交表单
JavaScript验证大全
孤独剑的架构师之路
04-28 2969
js验证表单大全1. 长度限制function test() {if(document.a.b.value.length>50){alert("不能超过50个字符！");document.a.b.focus();return false;}} 2. 只能是汉字 3." 只能是英文function onlyEng(){if(!(event.keyCode>=65&&event.keyCodeeven
javascript页面验证数据的合法性
qq_40956679的博客
10-30 3935
javascript页面验证数据的合法性 &lt;script language="javascript"&gt; function on_submit() { //验证数据的合法性 if (form1.username.value == "") { alert("用户名不能为空，请输入用户名！"); return false; } if (form1.userpas...
JS检查表单
罗布泊coding
02-28 750
首现是根据id获取表单的值： var num = document.getElementById(ElementId).value; 1、检查是否为空： num.length 2、检查是否是数字（包括小数）： isNaN(num)： 如果if(isNaN(num))则返回false，表示非数字 3、检查邮箱是否正确： function chkemail(str)//判断邮箱格式是
js 验证格式
weixin_42670357的博客
05-20 193
//邮箱 let emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/ //手机号 let phoneReg = /^1[3456789]\d{9}$/ //身份证号 let idReg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|31)|(04|06|09|11)(0[1-9]|[1-2][0-9]|30
js 格式验证大全
weixin_30662849的博客
03-03 172
1.身份证号码验证： var Common = { //身份证号验证 IsIdCardNo: function (IdCard) { var reg = /^\d{15}(\d{2}[0-9X])?$/i; if (!reg.test(IdCard)) { return false; } ...
Javascript的表单验证-提交表单
11-23
本文主要探讨的是如何使用JavaScript进行表单验证，确保用户在提交表单时输入的数据符合预设的规则，防止无效或恶意的数据到达服务器。 在HTML中，表单是收集用户输入数据的基本元素。为了确保用户输入的有效性，...
javascript验证表单大全
04-30
"javascript验证表单大全"这个主题涵盖了使用JavaScript进行表单验证的各种方法和技术，旨在为开发者提供全面的参考。以下是对这个主题的详细阐述： 一、表单验证的重要性 表单验证是确保用户输入数据有效性和安全...
常用的js数据格式验证
曾经最美
01-06 698
<br /><br /><script language="javascript" ><br />  function sub_mit(frm){<br />if(frm.username.value==""){<br /> alert("请输入姓名！");<br /> frm.username.focus();<br />return (false);<br /> }<br />if(!isDigit(frm.tel.value)){<br /> alert("联系电话必须为数字");<br />
常用正则匹配总结
sunluyi的博客
12-19 240
手机号验证 !/^1[0123456789]\d{9}$/.test((value)) 用户名（必须是6-15位数字加字母组合） /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,15}$/ 邮箱号 /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/ 身份证号 /^[1-9]\d{5}[...
js 格式验证总结
weixin_30455365的博客
06-10 109
1.身份证号验证 var Common = { //身份证号验证 IsIdCardNo: function (IdCard) { var reg = /^\d{15}(\d{2}[0-9X])?$/i; if (!reg.test(IdCard)) { return false; } ...
js各种格式校验
weixin_55903841的博客
08-19 930
js各种格式校验。
JavaScript charCodeAt() 方法
wqzbxh的博客
10-27 3162
方法是 JavaScript 字符串对象的一个方法，它用于返回给定位置的字符的 Unicode 编码值（整数）。Unicode 编码是一个标识字符的数字，它包含了世界上几乎所有字符的映射，包括常见字符、特殊字符和表情符号。方法通常用于处理字符串中的字符，以便执行各种文本操作，比如排序、查找、比较等。返回字符 "H" 的 Unicode 编码值，即 72。，因为它无法找到指定位置的字符。超出了字符串的长度，
[js]: splice(), charCodeAt()
Danica的博客
07-21 116
[js]: splice(), charCodeAt()
js 提示TypeError: e.indexOf is not a function解决
yb305
06-20 2071
最近发现我们公司的底层框架使用的jquery版本过低，于是我在网上下载了最新的jquery3.4.1替换掉我们底层框架的jquery，替换掉之后发现，在登录底层后台后，发现iframe出现问题了,点击菜单后直接跳转到iframe内部页面，并且出现TypeError: e.indexOf is not a function的js报错 解决方法： 这是由于我们使用的$(window).load(function(){})方法在jquery版本中已经废弃了，我们只需要修改成： $(window).on('
TypeError: e.indexOf is not a function解决方法
weixin_42645716的博客
09-06 2175
【代码】TypeError: e.indexOf is not a function解决方法。
如何用JS校验HTTP和HTTPS地址
github_36738403的博客
06-21 2613
当我们需要验证用户输入的网址时，经常需要校验是否为合法的HTTP或HTTPS地址。下面是一些JS代码，可以用来验证HTTP和HTTPS地址。
JavaScript 如何判断 URL 是否合法
最新发布
大雾起了清晨
07-21 1097
这个基本的正则表达式涵盖了协议、域名和路径。这种方法的优点是可以根据具体情况调整正则表达式，但劣势是难以适应所有的URL，特别是对于一些不标准的URL形式，可能需要编写更复杂的正则表达式。这种方法的优点是不需要正则表达式，语法简单，而且能够准确地反映浏览器对URL的解析结果。该方法的本质是让浏览器尝试解析给定的URL，如果元素的href属性最终和输入的URL一致，那么这个URL被认为是合法的。综合方法能兼顾正则表达式的灵活性和URL对象的准确性，建立起一道较为全面的URL合法性验证机制。
JS表单验证大全
《JS表单验证大全》 本文是一个收录了最全的JS表单验证方式的文档，包含了多种情况下表单验证的方法，以及相应的JS代码实现。其中包括但不限于以下内容： 1. 是否为空：通过JS代码判断表单输入是否为空，提醒用户...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值