thinkphp5使用bootstrapvalidator進行異步驗證郵箱的示例
本文介紹了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:"此郵箱已經(jīng)注冊",
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驗證幾個注意點
- verbose: false,代表js驗證合法后再異步后臺驗證,這樣減少服務(wù)器壓力
- data: {} ,默認傳遞的就是輸入框的值,所以一般不用寫該屬性,或者為空即可
后臺注意點
- 注意不是return而是echo
- 返回json格式 {'valid':true[,'message':'驗證成功']}
參考鏈接: 使用bootstrapvalidator的remote驗證經(jīng)驗
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- thinkphp框架使用JWTtoken的方法詳解
- PHP如何使用JWT做Api接口身份認證的實現(xiàn)
- php實現(xiàn)JWT(json web token)鑒權(quán)實例詳解
- PHP JWT初識及其簡單示例
- php JWT在web端中的使用方法教程
- php 后端實現(xiàn)JWT認證方法示例
- thinkPHP5使用Rabc實現(xiàn)權(quán)限管理
- thinkPHP5使用laypage分頁插件實現(xiàn)列表分頁功能
- Thinkphp5框架使用validate實現(xiàn)驗證功能的方法
- 基于ThinkPHP5框架使用QueryList爬取并存入mysql數(shù)據(jù)庫操作示例
- ThinkPHP5框架中使用JWT的方法示例
相關(guān)文章
PHP+apc+ajax實現(xiàn)的ajax_upload上傳進度條代碼
這篇文章主要介紹了PHP+apc+ajax實現(xiàn)的ajax_upload上傳進度條代碼,詳細分析了apc模塊的安裝、設(shè)置及ajax調(diào)用實現(xiàn)上傳進度條功能,需要的朋友可以參考下2016-01-01
PHP實現(xiàn)服務(wù)器狀態(tài)監(jiān)控的方法
這篇文章主要介紹了PHP實現(xiàn)服務(wù)器狀態(tài)監(jiān)控的方法,可實現(xiàn)對指定IP服務(wù)器狀態(tài)的有效監(jiān)控,非常具有實用價值,需要的朋友可以參考下2014-12-12
php讀取mysql亂碼,用set names XXX解決的原理分享
解決亂碼的方法,我們經(jīng)常使用“set names utf8”,那么為什么加上這句代碼就可以解決了呢?下面跟著我一起來深入set names utf8的內(nèi)部執(zhí)行原理2011-12-12
Laravel 5.4重新登錄實現(xiàn)跳轉(zhuǎn)到登錄前頁面的原理和方法
在日常開發(fā)中,我們經(jīng)常遇到一個需求,就是用戶登陸后存在過期時間,超時用戶需重新登錄,下面這篇文章主要給大家介紹了關(guān)于Laravel 5.4重新登錄實現(xiàn)跳轉(zhuǎn)到登錄前頁面的原理和方法,需要的朋友可以參考借鑒,下面來一起看看吧。2017-07-07
PHP獲取數(shù)組長度或某個值出現(xiàn)次數(shù)的方法
這篇文章主要介紹了PHP獲取數(shù)組長度或某個值出現(xiàn)次數(shù)的方法,實例分析了count()與array_count_value()的使用技巧,需要的朋友可以參考下2015-02-02

