亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

thinkphp5使用bootstrapvalidator進(jìn)行異步驗(yàn)證郵箱的示例

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

本文介紹了thinkphp5使用bootstrapvalidator進(jìn)行異步驗(yàn)證郵箱的示例，分享給大家，具體如下：

js驗(yàn)證

/**
 * 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',//驗(yàn)證失敗后，提交按鈕仍然是可選狀態(tài)

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

    }
  });
});

TP5處理

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

  }

js驗(yàn)證幾個(gè)注意點(diǎn)

  1. verbose: false,代表js驗(yàn)證合法后再異步后臺(tái)驗(yàn)證，這樣減少服務(wù)器壓力
  2. data: {} ,默認(rèn)傳遞的就是輸入框的值，所以一般不用寫(xiě)該屬性，或者為空即可

后臺(tái)注意點(diǎn)

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

參考鏈接： 使用bootstrapvalidator的remote驗(yàn)證經(jīng)驗(yàn)

參考鏈接：BootstrapValidator超詳細(xì)教程

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論