佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例

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

熱門標簽:阿里云 電子圍欄 Mysql連接數設置 團購網站 銀行業(yè)務 科大訊飛語音識別系統(tǒng) 服務器配置 Linux服務器

本文介紹了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超詳細教程

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

您可能感興趣的文章:
  • thinkphp框架使用JWTtoken的方法詳解
  • PHP如何使用JWT做Api接口身份認證的實現(xiàn)
  • php實現(xiàn)JWT(json web token)鑒權實例詳解
  • PHP JWT初識及其簡單示例
  • php JWT在web端中的使用方法教程
  • php 后端實現(xiàn)JWT認證方法示例
  • thinkPHP5使用Rabc實現(xiàn)權限管理
  • thinkPHP5使用laypage分頁插件實現(xiàn)列表分頁功能
  • Thinkphp5框架使用validate實現(xiàn)驗證功能的方法
  • 基于ThinkPHP5框架使用QueryList爬取并存入mysql數據庫操作示例
  • ThinkPHP5框架中使用JWT的方法示例

標簽:衡水 蚌埠 廣元 棗莊 萍鄉(xiāng) 大理 衢州 江蘇

巨人網絡通訊聲明:本文標題《thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例》,本文關鍵詞  ;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    枣庄市| 长宁区| 永康市| 韶山市| 江安县| 平顺县| 林口县| 化德县| 财经| 修武县| 恭城| 阿拉善左旗| 隆化县| 鹤壁市| 朝阳区| 德钦县| 贡山| 五华县| 龙川县| 游戏| 永春县| 富蕴县| 亚东县| 溆浦县| 乃东县| 安国市| 金塔县| 黔南| 龙南县| 岫岩| 千阳县| 垦利县| 麦盖提县| 淄博市| 永年县| 五大连池市| 多伦县| 肃南| 麻江县| 西畴县| 正安县|