thinkphp5使用bootstrapvalidator進(jìn)行異步驗(yàn)證郵箱的示例
本文介紹了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: '用戶名驗(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: '用戶名長(zhǎng)度必須在6到18位之間'
},
},
},
password2: {
validators: {
notEmpty: {
message: '確認(rèn)密碼不能為空'
},
identical: {
field: 'password',
message: '兩次密碼必須一致'
}
}
},
username:{
validators: {
notEmpty: {
message: '用戶名不能為空'
},
stringLength: {
min: 2,
max: 8,
message: '用戶名長(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)
- verbose: false,代表js驗(yàn)證合法后再異步后臺(tái)驗(yàn)證,這樣減少服務(wù)器壓力
- data: {} ,默認(rèn)傳遞的就是輸入框的值,所以一般不用寫該屬性,或者為空即可
后臺(tái)注意點(diǎn)
- 注意不是return而是echo
- 返回json格式 {'valid':true[,'message':'驗(yàn)證成功']}
參考鏈接: 使用bootstrapvalidator的remote驗(yàn)證經(jīng)驗(yàn)
參考鏈接:BootstrapValidator超詳細(xì)教程
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- thinkphp框架使用JWTtoken的方法詳解
- PHP如何使用JWT做Api接口身份認(rèn)證的實(shí)現(xiàn)
- php實(shí)現(xiàn)JWT(json web token)鑒權(quán)實(shí)例詳解
- PHP JWT初識(shí)及其簡(jiǎn)單示例
- php JWT在web端中的使用方法教程
- php 后端實(shí)現(xiàn)JWT認(rèn)證方法示例
- thinkPHP5使用Rabc實(shí)現(xiàn)權(quán)限管理
- thinkPHP5使用laypage分頁(yè)插件實(shí)現(xiàn)列表分頁(yè)功能
- Thinkphp5框架使用validate實(shí)現(xiàn)驗(yàn)證功能的方法
- 基于ThinkPHP5框架使用QueryList爬取并存入mysql數(shù)據(jù)庫(kù)操作示例
- ThinkPHP5框架中使用JWT的方法示例
相關(guān)文章
laravel 解決后端無(wú)法獲取到前端Post過(guò)來(lái)的值問(wèn)題
今天小編就為大家分享一篇laravel 解決后端無(wú)法獲取到前端Post過(guò)來(lái)的值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
PHP簡(jiǎn)單實(shí)現(xiàn)“相關(guān)文章推薦”功能的方法
這篇文章主要介紹了PHP簡(jiǎn)單實(shí)現(xiàn)“相關(guān)文章推薦”功能的方法,方法簡(jiǎn)單功能實(shí)用,需要的朋友可以參考下2014-07-07
PHP 應(yīng)用程序的安全 -- 不能違反的四條安全規(guī)則
PHP 應(yīng)用程序的安全 -- 不能違反的四條安全規(guī)則...2006-11-11
PHP error_log()將錯(cuò)誤信息寫入一個(gè)文件(定義和用法)
PHP error_log()定義和用法,帶有二個(gè)簡(jiǎn)單小例子加函數(shù)解釋2013-10-10
PHP時(shí)間相關(guān)常用函數(shù)用法示例
這篇文章主要介紹了PHP時(shí)間相關(guān)常用函數(shù)用法,結(jié)合實(shí)例形式詳細(xì)分析了PHP日期時(shí)間函數(shù)常見(jiàn)操作方法與使用注意事項(xiàng),需要的朋友可以參考下2020-06-06

