`

表单验证

阅读更多
script type="text/javascript">
function goBack() {
  window.self.location="user_maint.html"
}

function addUser() {
  var vUserId = document.getElementById("userid").value;
  //用户代码不能为空
  if(trim(vUserId) == ""){
   alert("用户代码不能为空!");
   document.getElementById("userid").focus();
   return;
  }
  //第一个字符一定是字母
  if( !((trim(vUserId).charAt(0) > 'a' && trim(vUserId).charAt(0) < 'z') || (trim(vUserId).charAt(0) > 'A' && trim(vUserId).charAt(0) < 'Z') )){
   alert("用户代码首字符必须是字母");
   document.getElementById("userid").select();
   return ;
  }
  //采用正则表达式判断用户代码只能是数字或字母4-6个位
  var re = new RegExp(/^[a-zA-Z0-9]{4,6}$/);
  if(!re.test(trim(vUserId))){
   alert("用户代码必须是数字或字母且为4-6位!");
   document.getElementById("userid").select();
   return ;
  }
  //用户名称不能为空
  if(trim(document.getElementById("userName").value).length == 0){
   alert("用户名不能为空!");
   document.getElementById("userName").select();
   return ;
  }
  //密码至少6位
  if(trim(document.getElementById("password").value).length < 6){
   alert("密码至少为6位!");
   return ;
  }
  //联系电话只能是数字(输入了就判断),采用两种方式
  var contactTelField = document.getElementById("contactTel");
  //不采用正则表达式
  /*
  if(trim(contactTelField.value) != ""){
   for(var i=0; i < trim(contactTelField.value).length ; i++){
       var c = trim(contactTelField.value).charAt(i);
    if(!( c >= '0' && c <= '9')){
     contactTelField.select();
     alert("电话号码必须为数字!");
     return;
    }
   }
  }
  */
  //采用正则表达式
  if(trim(contactTelField.value) != ""){
          re.compile(/^[0-9]+$/); 
    if(!(re.test(trim(contactTelField.value)))){
    contactTelField.select();
    alert("电话号码必须为数字!");
    return ;
   }
  }
  //如果email不为空,进行判断,
  var emailField = document.getElementById("email");
  if(trim(emailField.value) !== ""){
   var emailStr = emailField.value;
   ;
   if(emailStr.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) == -1 ){
    alert("eamil不合法!");
    emailField.select();
    return;  
   }
  }
  /*
  document.getElementById("userForm").action="user_add.jsp";
  document.getElementById("userForm").method="post";
  document.getElementById("userForm").submit();
  */
  //等同上面的写法
  with(document.getElementById("userForm")){
   action="user_add.jsp";
   method="post";
   submit();
  }
}

function init(){
  document.getElementById("userId").focus();
}
//不允许数字输入
function userIdOnKeyPress(){
     //alert(window.event.keyCode);
  if(!((window.event.keyCode >= 97 && event.keyCode <= 122)||(event.keyCode >= 65 && event.keyCode<=90))){
   event.keyCode = 0;
  }
}
/*
//覆盖系统的onkeydown
function document.onkeydown(){
  //alert(window.event.keyCode);
  //如果是回车键,且触发该事件的对象不是button,则将其换为table键
  if(window.event.keyCode == 13 && window.event.sreElement.type != 'button'){
   winodw.event.keyCode = 9;
  }
}
*/

</script>
分享到:
评论

相关推荐

    DW笨阿猪高级表单验证

    在IT行业中,表单验证是前端开发中的一个重要环节,它确保用户输入的数据符合特定的规则,从而维护数据的完整性和安全性。"DW笨阿猪高级表单验证"可能是一个专门针对Dreamweaver(DW)用户的插件或教程,旨在帮助...

    表单验证jquery插件

    在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高数据质量和用户体验。jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write....

    简单的表单验证

    在IT领域,表单验证是网页开发中必不可少的一部分,它确保用户输入的数据符合预设的规则,从而保证数据的有效性和安全性。"简单的表单验证"这个主题,通常涉及到JavaScript(JS)这一前端脚本语言,用于实现客户端的...

    js表单验证 全网最全的 表单验证

    在Web开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合预期,从而防止错误数据的提交,提升用户体验并保障数据安全。本资源集合了全网最全面的JavaScript表单验证方法,覆盖了从基础到高级的各种...

    bootstrap风格的html5表单验证示例

    4. **Bootstrap表单验证状态**:Bootstrap还提供了表单验证状态样式,如`.has-error`(现在推荐使用`.is-invalid`),`.has-warning`和`.has-success`,这些类可以改变输入框、标签和帮助文本的样式,以反馈用户的...

Global site tag (gtag.js) - Google Analytics