注册时候的验证

0,var validator = $("#regform").validate({这个里面的#regform是form表单里面的id

1,首先先要导入jq放到<head>里面,
2.每个<input>里面都有name ,还有Id,还要加上<label for="Enter_the_password_again"></label>3,messages里面相对于的名字,对应上面的rules里面的名字

<!-- 导入JQ -->
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
    <!-- 导入地区的js -->
    <script type="text/javascript" src="view/region.js"></script>
    <script type="text/javascript">
        function home(){
            window.location.href="view/login.jsp";
        }
        $.validator.setDefaults({
            submitHandler: function() {
              add_save();
            }
        });
        $().ready(function() {
            // 提交时验证表单
            var validator = $("#regform").validate({
                errorPlacement: function(error, element) {

                    $( element )
                        .closest( "form" )
                            .find( "label[for=‘" + element.attr( "id" ) + "‘]" )
                                .append( error );
                },
                  rules: {
                          Password: {

                          required:true,
                          minlength:6,
                          maxlength:20
                          },

                          Enter_the_password_again: {
                          equalTo:"#Password"
                          },

                          Phonenumber:{
                        digits:true,
                        required: true,
                        minlength:11,
                        maxlength: 11
                        },
            }, 

                messages: {
                    Password: {
                        required: "密码不能为空",
                        minlength: " 请输入6——20个字",
                        maxlength: " 请输入6——20个字"
                    },
                    Enter_the_password_again: {
                         equalTo: "两次密码输入不一致"
                    },
                    Phonenumber:{
                        digits:"只能输入数字",
                        required: "请输入您的手机",
                        minlength: "请输入正确的手机号码格式",
                        maxlength: "请输入正确的手机号码格式"
                    },
                }
            });

            $(".cancel").click(function() {
                validator.resetForm();
            });
        });
    </script>

  </head>

  <body>
      <form method="post" id="regform">

            <table align = "center" border="1" style="border-collapse: collapse;">
                <tr>
                    <td colspan="2">代理注册</td>
                </tr>
                 <tr>
                    <td>账号:</td>
                    <td><input type="text" name="Account" id="Account"/>
                    <label for="Account"></label>
                    </td>
                </tr>
                 <tr>
                    <td>密码:</td>
                    <td><input type="text" name="Password" id="Password"/>
                    <label for="Password"></label>
                    </td>
                </tr>
                    <tr>
                    <td>请再输入一次密码:</td>
                    <td><input type="text" name="Enter_the_password_again" id="Enter_the_password_again" />
                    <label for="Enter_the_password_again"></label>
                    </td>
                </tr>
                 <tr>
                    <td>常用手机号码:</td>
                    <td><input type="text" name="Phonenumber"  id="Phonenumber"/>
                    <label for="Phonenumber"></label>
                    </td>
                </tr>
                 <tr>
                    <td>真实姓名:</td>
                    <td><input type="text" name="Realname" /></td>
                </tr>

                 <tr>
                    <td>身份证号码:</td>
                    <td><input type="text" name="Idcardnumber" /></td>
                </tr>
                 <tr>
                    <td>代理地区:</td>
                    <td>
                    <select id="Province" name="Province"></select>
                        <select id="City" name="City"></select>
                        <select id="Area" name="Area"></select>
               <script type="text/javascript">
                    addressInit(‘Province‘, ‘City‘, ‘Area‘);
               </script>
                    </td>
                </tr>
                 <tr>
                    <td>公司名称:</td>
                    <td><input type="text" name="Nameofcompany" /></td>
                </tr>
                 <tr>
                    <td>推荐人ID:</td>
                    <td><input type="text" name="Referees" /></td>
                </tr>
                 <tr>
                    <td>代理头像:</td>
                    <td><input type="text" name="Agencyhead" /></td>
                </tr>

                 <tr>
                    <td>代理法人照片(手持身份证):</td>
                    <td><input type="text" name="Photoagencyasalegalperson" /></td>
                </tr>
时间: 2024-08-28 08:20:00

注册时候的验证的相关文章

Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册

动态验证:(不需要建Model模型) 1.建一个控制器,做表单操作(包含验证) <?php namespace Biaodan\Controller; use Think\Controller; class BiaodanController extends Controller { public function test() { if(empty($_POST))//如果$_POST空,显示添加页面, { $this->show(); } else //如果$_POST不为空,走验证,验证

ajax注册页面异步验证

ajax的原理大家可以看上图 如何获得Ajax对象? XMLHttpRequest没有标准化,要区分浏览器.function getXhr(){var xhr = null;if(window.XMLHttpRequest){//非ie浏览器xhr = new XMLHttpRequest();}else{//ie浏览器xhr = new ActiveXObject('MicroSoft.XMLHttp');}return xhr;} 下面我把代码贴出来: 1.注册页面regist.jsp <%

php注册时候邮箱验证的原理

其实原理很简单,你说自动生成URL那一步不会,首先URL分为两部分:第一部分是一个验证地址并且带一个标识用户id的参数,比如:http://www.xxx.com/active.php?uid=1第二部分其实就是一个用来验证的字符串,比如:authcode=asdad1f323ff43f合起来就是http://www.xxx.com/active.php?uid=1&authcode=asdad1f323ff43f 第一部分是你来决定的,active.php就是你写的那个做验证脚本,所以你可以知

注册页面账号验证

1.首先用ajax传页面上的值,在账号<input>后面要记得写上<span id="er"></span>,不然不会提示账号能不能用,有没有被注册过 <script type="text/javascript"> function home(){ window.location.href="view/login.jsp"; } $(function(){ //账号验证 $("#Accou

Java实现注册邮箱激活验证

邮件发送servelet实现 package com.xbs.register.main; import java.io.IOException;import java.util.Date;import java.util.Properties; import javax.mail.Address;import javax.mail.Authenticator;import javax.mail.Message.RecipientType;import javax.mail.MessagingE

Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册

说明:这里没练习静态自动验证:如果用到静态验证首先自定义一个控制器,再在Model文件夹里创建一个NiHaoModel.php 类  NiHao是自定义的,前缀可以随意,但是一定要用驼峰法(首字母大写) 在自定义控制器里用D()方法时里面要写入NiHaoModel.php 类的前缀 NiHao   因为有这串代码 protected $trueTableName = 'yonghu'; //作用是找到真实表名,系统默认找yong_hu这个表,需要定义此方法,才能找到yonghu表 <?php n

2018.7.6 js实现点击事件---点击小图出现大图---时间定时器----注册表单验证

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

Django 实现网站注册用户邮箱验证功能

我们在很多网站上都可以看到用户注册使用电子邮件激活或启用的方式.也就是说,用户在注册后填写正确的电子邮件地址,接着网站会发送一封启用电子邮件到用户设置的电子邮件的邮箱中,并在邮件中提供一个激活或启用的链接,在用户单击此链接后,账号正式激活或启用. 这里我们使用 Django 的 django-registration 模块可以快速实现这一过程. 1. django-registration 安装与设置 使用 pip 安装: pip install django-registration 此模块暂

HTML + CSS + JavaScript 实现注册页面信息验证(表单验证)

要求 创建一个注册页面,如下图. 然后再对注册信息进行判断,判断其是否符合要求.(如:密码6-16位字符,不能有空格等) 图片素材如下: 注册页面的整个框架 注册页面框架分析 页面内容主要分为三个部分: 我们可以使用三个块标签,可以将这三个部分分别放到每个块标签中. 注册页面框架的实现 第一部分:两个段落文本 <!-- 左边部分 --> <div class="rg_left"> <p>新用户注册</p> <p>USER RE