js提交表单及js表单验证

js提交表单及js表单验证功能强大,很多原本需要在服务器端实现的功能,现在通过简单的js代码就可以在客服端实现同样的效果。下面是一些常用的js表单验证代码,供大家参考学习。

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
2:js验证邮箱格式

3: js屏蔽关键字(这里屏蔽***和****)

4: js两次输入密码是否相同

5:js屏蔽右键
οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"加在body中
6: js判断表单项不能为空


7:js比较两个表单项的值是否相同



8:js判断表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等




9:js判断表单项输入数值/长度限定


10:js判断中文/英文/数字/邮件地址合法性判断



11:js限定表单项不能输入的字符


12:js检查一段字符串是否全由数字组成          
            

13:js怎么判断是否是字符
          
    
14: 邮箱格式验证    
包含页: CheckForm.js

代码如下:
//************************************************
//规则检查排序
function RegCheck(objs)
 {
  var str = objs.checktype;
  switch (str)
   {
       case "cn" :    //要检查的表单控件的输入类型必须为中文
          return CnWordRegCheck(objs);
          break;
       case "idnum" :
          return IdCardRegCheck(objs); //要检查的表单控件的输入类型必须为身份证号
          break;
    case "num" :    //要检查的表单控件的输入类型必须为数字
           return NumRegCheck(objs);
     break;
    case "mail" :    //要检查的表单控件的输入类型必须为EMAIL
          return EmailRegCheck(objs);
          break;
    case "txt" :   //要检查的表单控件的输入类型必须为字符串
     return SpecialWordRegCheck(objs);
     break;
    case "notes" :
     return true; //要检查的表单控件的输入类型必须为什么都可以
     break;
   }
 }
//************************************************
//检查电话号码
function NumRegCheck(obj)
 {
  var uplimit = obj.checkrule.split(",")[0];
  var downlimit = obj.checkrule.split(",")[1];
  var reg = "";
  if (downlimit == null)
   {
     reg = eval("/^[0-9]{"+uplimit+"}$/");
   }
  else
   {
     reg = eval("/^[0-9]{"+uplimit+","+downlimit+"}$/");
   }
  var str = obj.value;
  var flag = reg.test(str);
  return flag;
 }
//************************************************
//检查身份证号
function IdCardRegCheck(obj)
 {
  var str = obj.value;
  var reg = /^([0-9]{15}|[0-9]{18})$/;
  var flag = reg.test(str);
  return flag;
 }
//************************************************
//检查EMAIL
function EmailRegCheck(obj)
 {
  var str = obj.value;
  var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((/.[a-zA-Z0-9_-]{2,3}){1,2})$/;
  var flag = reg.test(str);
  return flag;
 }
//***************************************
//检查中文输入
function CnWordRegCheck(obj)
 {
  var str = obj.value;
  var reg=/^[/u4e00-/u9fa5](/s*[/u4e00-/u9fa5])*$/;
  var flag = reg.test(str);
  //alert(flag);
  return flag;
 }
//***************************************
//检查特殊字符
function SpecialWordRegCheck(obj)
 {
  var reg= /[(//)()]/g">//)(')(")(<)(>)]/g;
  var str = obj.value;
  var flag= reg.test(str);
  flag = !flag;
  return flag;
 }
//************************************************
//检查主引导函数
function CheckForm(obj)
 {
  var myform = eval("document."+obj.name);
 
  for (i=0;i   {
    var formvalue = myform.elements .value;
    //内容非空检查,长度检查
    if ((myform.elements.value == "")||(myform.elements.value.length>myform.elements.maxlength))
     {
      alert("您忘了填写"+myform.elements.cnname+"!"+"或者您填写的信息不符合规范!");
      myform.elements.focus();
      return false;
      break;
     }
 
     if (myform.elements.value == 0)
     {
      alert("您忘了选择"+myform.elements.cnname+"!");
      myform.elements.focus();
      return false;
      break;
     }
    //数据规范化检查
    var myobj = myform.elements;
    //alert(myobj.checktype);
    //break;
    if (!RegCheck(myobj))
     {
      alert(myobj.cnname+"输入有误,请按填写要求填写!");
        myobj.focus();
      return false;
      break;
     }
   }
 }

你可能感兴趣的:(js,web开发)