最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例

 更新時間:2017年10月27日 11:22:45   作者:Big_fat_cat  
這篇文章主要介紹了thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

本文介紹了thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例,分享給大家,具體如下:

js驗證

/**
 * Created by HONGXIN on 2017-10-23.
 */
$(function () {
  $('form').bootstrapValidator({

    message: 'This value is not valid',
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    live: 'disabled',//驗證失敗后,提交按鈕仍然是可選狀態(tài)

    fields: {
      email: {
        message: '用戶名驗證失敗',//默認
        verbose: false,
        validators: {
          notEmpty: {
            message: '郵箱不能為空'
          },
          emailAddress: {
            message: '郵箱地址格式有誤'
          },
          remote: {
            url: '/ajax_email',
            message:"此郵箱已經注冊",
            type: "post",
            dataType: 'json',
            data: {
              //默認傳遞的就是輸入框的值
            },
            delay: 500,//延遲效果
          },
        }
      },
      password: {
        validators: {
          notEmpty: {
            message: '郵箱地址不能為空'
          },
          stringLength: {
            min: 6,
            max: 18,
            message: '用戶名長度必須在6到18位之間'
          },
        },
      },
      password2: {
        validators: {
          notEmpty: {
            message: '確認密碼不能為空'
          },
          identical: {
            field: 'password',
            message: '兩次密碼必須一致'
          }
        }
      },
      username:{
        validators: {
          notEmpty: {
            message: '用戶名不能為空'
          },
          stringLength: {
            min: 2,
            max: 8,
            message: '用戶名長度必須在2到8位之間'
          }
        }
      }

    }
  });
});

TP5處理

  public function ajax_email(){
    //該message可以為空,它替換JS驗證的message屬性
    echo json_encode(['valid'=>false,'message'=>'驗證碼不正確']);

  }

js驗證幾個注意點

  1. verbose: false,代表js驗證合法后再異步后臺驗證,這樣減少服務器壓力
  2. data: {} ,默認傳遞的就是輸入框的值,所以一般不用寫該屬性,或者為空即可

后臺注意點

  1. 注意不是return而是echo
  2. 返回json格式 {'valid':true[,'message':'驗證成功']}

參考鏈接: 使用bootstrapvalidator的remote驗證經驗

參考鏈接:BootstrapValidator超詳細教程

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

最新評論

黔江区| 集贤县| 新邵县| 秭归县| 广平县| 莫力| 武夷山市| 鱼台县| 凤山市| 土默特右旗| 阿拉善右旗| 铁岭市| 和田县| 方城县| 大新县| 青冈县| 改则县| 新津县| 康平县| 麻阳| 南京市| 乌兰察布市| 怀宁县| 灵丘县| 苍南县| 岐山县| 黄冈市| 蕉岭县| 桃源县| 延边| 潍坊市| 沐川县| 融水| 榕江县| 娱乐| 古田县| 望城县| 新民市| 顺昌县| 浦北县| 双流县|