`

表单验证

阅读更多
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表单验证方法,覆盖了从基础到高级的各种...

    js表单验证大全js表单验证大全js表单验证大全

    根据给定的文件信息,我们可以总结出一系列与JavaScript表单验证相关的知识点,这些知识点涵盖了从基本的输入检查到复杂的格式验证。以下是对这些知识点的详细解释: ### 1. 表单验证概述 表单验证是Web开发中的一...

    bootstrap风格的html5表单验证示例

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

    Vue ~ element-ui 动态表单验证,支持添加和删除操作

    本项目“Vue ~ element-ui 动态表单验证”是针对Vue和Element-UI的一个应用场景,主要关注的是动态表单验证以及表单元素的增删操作。下面我们将详细探讨这些知识点。 1. Vue.js动态表单验证: Vue.js允许开发者通过...

    笨阿猪高级表单验证插件

    在IT行业中,表单验证是前端开发中一个至关重要的环节,尤其对于新手开发者而言,能够快速、有效地实现表单验证可以极大地提升工作效率。"笨阿猪高级表单验证插件"是一个专为菜鸟设计的工具,它简化了复杂的验证过程...

    JQuery实现表单验证

    在Web开发中,表单验证是一项至关重要的任务,它确保用户输入的数据符合应用程序的要求和预期。JQuery,一个流行的JavaScript库,提供了强大的功能来简化这一过程。本篇将深入探讨如何利用JQuery实现表单验证,特别...

    表单验证EasyValidator3.0

    《深入理解EasyValidator3.0:打造高效表单验证》 在Web开发中,表单验证扮演着至关重要的角色,它能确保用户输入的数据符合预设的规则,从而避免无效数据进入系统,提高数据处理的准确性和安全性。EasyValidator...

    表单验证控件 简单

    使用简单,功能强大的表单验证插件。 1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求...

    jquery表单验证代码百度注册页面表单验证

    在IT行业中,前端开发是构建用户交互界面的关键环节,而表单验证是前端开发中必不可少的部分。本示例聚焦于使用jQuery库进行表单验证,特别是在百度注册页面的应用。jQuery是一个广泛使用的JavaScript库,它简化了...

    jq表单验证大全.rar jq表单验证大全.rar

    《jq表单验证大全》是针对使用jQuery库进行前端表单验证的一份综合资源集合,主要涵盖各种常见的表单验证场景和解决方案。jQuery,作为一款轻量级的JavaScript库,因其简洁的API和强大的功能而广受欢迎,尤其在处理...

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    详细讲解—表单验证框架的实现

    在Web开发中,表单验证框架的实现是至关重要的,它确保了用户输入的数据符合预设的规则,防止无效或恶意的数据进入系统。本部分将深入讲解如何在B/S架构的应用程序中实施一个简单的表单验证框架,以登录表单为例。 ...

    漂亮的表单验证效果

    在IT领域,表单验证是用户体验中的重要环节,它确保用户输入的数据符合应用程序或网站的预期格式和要求。"漂亮的表单验证效果"这个主题强调了不仅需要验证数据的正确性,还要注重验证过程的视觉反馈,提升用户的交互...

    js表单验证 表单验证类 整合

    js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...

    dw表单验证高级插件-asp表单验证高级插件-测试通过

    "dw表单验证高级插件-asp表单验证高级插件-测试通过"这个标题暗示了我们正在讨论的是一个针对Dreamweaver的高级插件,用于增强ASP(Active Server Pages)平台上的表单验证功能,并且已经通过了测试,证明其功能稳定...

    javascript 表单验证禁止输入中文汉字

    在网页开发中,表单验证是一项非常重要的任务,它确保用户输入的数据符合预期的格式,以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单...

Global site tag (gtag.js) - Google Analytics