`

注册表单的校验

 
阅读更多
//注册校验
function check_register(form){
  if(form.username.value.length<1){
    window.alert('用户名不能为空!');
    form.username.focus();
    form.username.style.backgroundColor = '#cccccc';
    return false;
  }else if(form.password1.value<1){
     window.alert('登陆密码不能为空!');
     form.password1.focus();
     form.password1.style.backgroundColor = '#cccccc';
     return false;
  }else if(form.password2.value<1){
     window.alert('确认密码不能为空!');
     form.password2.focus();
     form.password2.style.backgroundColor = '#cccccc';
     return false;
  }else if(form.realname.value<1){
     window.alert('真实姓名不能为空!');
     form.realname.focus();
     form.realname.style.backgroundColor = '#cccccc';
     return false;
  }else if(form.address.value<1){
     window.alert('详细地址不能为空!');
     form.address.focus();
     form.address.style.backgroundColor = '#cccccc';
     return false;
  }else if(form.telephone.value<1){
     window.alert('电话号码不能为空!');
     form.telephone.focus();
     form.telephone.style.backgroundColor = '#cccccc';
     return false;
}else if(form.postcode.value<1){
     window.alert('邮政编码不能为空!');
     form.postcode.focus();
     form.postcode.style.backgroundColor = '#cccccc';
     return false;
}else if(form.email.value<1){
     window.alert('电子邮件不能为空!');
     form.email.focus();
     form.email.style.backgroundColor = '#cccccc';
     return false;
     }
  if(form.password2.value!=form.password1.value){
     window.alert('两个密码不相同!');
     form.password1.style.backgroundColor = '#cccccc';
     form.password2.style.backgroundColor = '#cccccc';
     return false;
  }
  return true;
}
分享到:
评论

相关推荐

    网页用户注册表单校验JavaScript脚本代码源码下载

    简单的网页用户注册表单的校验,提供给大家学习,借鉴,完整代码已经打包,欢迎下载。截取一部分代码,如下: function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//...

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码,非常实用哦

    jquery的validate表单校验插件

    《jQuery的validate表单校验插件深度解析》 在前端开发中,表单校验是必不可少的一个环节,它能够确保用户输入的数据符合预设的规范,提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单...

    html网页用户注册表单验证校验JavaScript源码代码

    html网页用户注册表单验证校验JavaScript源码代码,完整代码已经打包,还迎下载,代码仅供学习参考。 function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//通过id...

    jQuery的表单校验插件validate

    jQuery的表单校验插件`validate`是前端开发中常用的一个工具,它极大地简化了对HTML表单数据的验证过程。这个插件基于流行的JavaScript库jQuery构建,为开发者提供了丰富的选项和方法来定制表单验证规则,确保用户...

    Bootstrap实现登录校验表单(带验证码)

    在本文中,我们将探讨如何使用Bootstrap来创建一个带有验证码和验证功能的登录表单。 首先,要创建这样一个表单,我们需要引入Bootstrap的相关CSS和JavaScript文件。在提供的代码片段中,可以看到引用了以下文件: ...

    jquery 表单校验的插件formValidator4.01

    5. **自定义验证方法**:若需要自定义验证,可通过`$.validator.addMethod`注册新的验证方法。 6. **触发验证**:在提交表单或事件触发时,调用`$("#formId").valid()`进行验证。 **三、示例代码** ```javascript...

    表单校验-validate

    这个名为"validate"的压缩包显然包含了与表单验证相关的资源,包括详细文档、JavaScript库以及定制的校验规则。下面将详细讨论表单验证的重要性和实现方法,以及可能包含在压缩包中的内容。 一、表单验证的重要性 1...

    【JavaScript源代码】element多个表单校验的实现.docx

    例如,一个页面上有多个注册表单或多个配置表单,每个表单都需要独立完成校验后才能提交。传统的做法是为每个表单分别添加校验逻辑,并且在提交前逐个检查是否全部通过。这种做法不仅代码冗余,而且难以维护。因此,...

    JavaScript 完成注册页面表单校验的实例

    1、步骤分析 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据&...2、完成注册页面表单校验 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt;

    struts用户注册登录用校验器校验信息

    在用户注册登录的场景中,Struts 提供了强大的验证功能,通过校验器(Validator)来确保用户输入的数据符合预设的规则,从而提高应用的安全性和用户体验。 在这个例子中,我们关注的是如何使用Struts的校验框架来...

    一款简单轻量的Vuejs表单校验插件

    "Vuerify"就是这样一款专为Vue.js设计的简单轻量的表单校验插件。 Vuerify的核心功能在于提供数据校验服务,它内置了一系列基础的校验规则,如非空检查、长度限制、邮箱格式验证等,同时允许用户根据实际需求自定义...

    登录注册弹出框以及弹出框校验

    "登录注册弹出框以及弹出框校验"这个话题涉及到用户界面设计、前端开发和数据验证等多个方面。 首先,让我们深入理解弹出框的设计原则。弹出框是一种非模态窗口,它在主页面之上显示,可以吸引用户的注意力并进行...

    jQuery完整注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery实现一个完整的用户注册表单提交验证。这个验证系统包括了多个关键的验证环节,如用户名、密码强度、显示/隐藏密码、手机号码输入控制以及手机验证码、真实姓名和身份证号的...

    struts2 表单验证 注册

    在Struts2中,你可以创建一个Action类来处理注册请求,这个类通常会有一个与表单对应的Java对象作为属性。每个属性对应一个字段,可以通过`@FieldValidator`注解定义验证规则。此外,还需要在`struts.xml`配置文件...

    javascript实现注册表单

    在这个“javascript实现注册表单”的项目中,我们将会探讨如何使用JavaScript来创建一个功能丰富的京东风格的注册表单,涵盖表单验证、正则表达式匹配、表单状态追踪、随机验证码生成以及密码强度检测等多个关键环节...

    微信小程序实现表单校验功能

    但是,作为一个非简单静态页面,有着较多用户交互的小程序,表单校验又是一个非常常用的功能:登录、注册、新增、编辑… 总而言之:表单组件的多样性 X 校验规则的多样性 = 复杂的公共业务 这么棘手的问题我们怎么来

    Web编程(Java )-基于MVC架构的Web开发.doc

    5. **注册表单校验**: - `RegisterFormBean`是专门用来封装注册表单信息的JavaBean,它包含了与用户输入相关的属性,如两次输入的密码(password和password2)以及邮箱(email)。这个类可以用于校验用户输入的...

    注册js校验 验证码

    本话题主要聚焦于“注册js校验 验证码”这一主题,我们将深入探讨JavaScript在实现邮箱校验、密码校验以及验证码生成与校验中的应用。 首先,邮箱校验是确保用户输入有效邮箱地址的关键步骤。在JavaScript中,我们...

    Vue.js 表单校验插件

    表单校验是Web开发中的一个重要环节,它能够帮助开发者确保用户提交的数据满足一定的要求,比如格式正确、非空等。使用Vue.js进行表单校验时,开发者往往需要引入专门的插件来简化开发工作,提高开发效率和用户体验...

Global site tag (gtag.js) - Google Analytics