資訊專欄INFORMATION COLUMN
摘要：驗證驗證失敗后，提交按鈕仍然是可選狀態(tài)用戶名驗證失敗默認郵箱不能為空郵箱地址格式有誤此郵箱已經(jīng)注冊默認傳遞的就是輸入框的值延遲效果郵箱地址不能為空用戶名長度必須在到位之間確認密碼不能為空兩次密碼必須一致用戶名不能為空用戶名長度必須
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驗證合法后再異步后臺驗證，這樣減少服務器壓力
data: {} ,默認傳遞的就是輸入框的值，所以一般不用寫該屬性，或者為空即可
后臺注意點注意不是return而是echo
返回json格式 {"valid":true[,"message":"驗證成功"]}
參考鏈接： 使用bootstrapvalidator的remote驗證經(jīng)驗
參考鏈接：bootstrapvalidator remote $.ajax請求
參考鏈接：BootstrapValidator超詳細教程
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/25977.html
摘要：框架開發(fā)解放了生產(chǎn)力，讓一個靜態(tài)頁面效果更逼真，也讓用戶體驗逐漸上去，但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西，反觀教育機構(gòu)和政府部門的網(wǎng)站都是偏動畫少，體現(xiàn)了公關(guān)的嚴肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章，不忙也忙的生活節(jié)奏，博客...
摘要：框架開發(fā)解放了生產(chǎn)力，讓一個靜態(tài)頁面效果更逼真，也讓用戶體驗逐漸上去，但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西，反觀教育機構(gòu)和政府部門的網(wǎng)站都是偏動畫少，體現(xiàn)了公關(guān)的嚴肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章，不忙也忙的生活節(jié)奏，博客...
摘要：框架開發(fā)解放了生產(chǎn)力，讓一個靜態(tài)頁面效果更逼真，也讓用戶體驗逐漸上去，但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西，反觀教育機構(gòu)和政府部門的網(wǎng)站都是偏動畫少，體現(xiàn)了公關(guān)的嚴肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章，不忙也忙的生活節(jié)奏，博客...
摘要：目前該功能并未完善，敬請期待。反正每次都會有新的東西補充上去一開始我本來想做的是可以使用微信登陸，也可以使用賬戶郵箱登陸，也可以使用短信登陸的。后來發(fā)現(xiàn)微信登陸要企業(yè)認證，做不了。 從零開發(fā)項目概述 最近這一直在復習數(shù)據(jù)結(jié)構(gòu)和算法，也就是前面發(fā)出去的排序算法八大基礎排序總結(jié)，Java實現(xiàn)單向鏈表，棧和隊列就是這么簡單，十道簡單算法題等等... 被虐得不要不要的，即使是非常簡單有時候繞半...
閱讀 5861·2021-11-24 10:25
閱讀 2780·2021-11-16 11:44
閱讀 3886·2021-10-11 11:09
閱讀 3203·2021-09-02 15:41
閱讀 3284·2019-08-30 14:14
閱讀 2331·2019-08-29 14:10
閱讀 2381·2019-08-29 11:03
閱讀 1157·2019-08-26 13:47
