本文介紹了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)注冊",
type: "post",
dataType: 'json',
data: {
//默認(rèn)傳遞的就是輸入框的值
},
delay: 500,//延遲效果
},
}
},
password: {
validators: {
notEmpty: {
message: '郵箱地址不能為空'
},
stringLength: {
min: 6,
max: 18,
message: '用戶名長度必須在6到18位之間'
},
},
},
password2: {
validators: {
notEmpty: {
message: '確認(rèn)密碼不能為空'
},
identical: {
field: 'password',
message: '兩次密碼必須一致'
}
}
},
username:{
validators: {
notEmpty: {
message: '用戶名不能為空'
},
stringLength: {
min: 2,
max: 8,
message: '用戶名長度必須在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)證合法后再異步后臺驗(yàn)證，這樣減少服務(wù)器壓力
- data: {} ,默認(rèn)傳遞的就是輸入框的值，所以一般不用寫該屬性，或者為空即可
后臺注意點(diǎn)
- 注意不是return而是echo
- 返回json格式 {'valid':true[,'message':'驗(yàn)證成功']}
參考鏈接： 使用bootstrapvalidator的remote驗(yàn)證經(jīng)驗(yàn)
參考鏈接：BootstrapValidator超詳細(xì)教程
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外，其他素材未做測試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。