最近項(xiàng)目用到了一個(gè)很強(qiáng)大的表單驗(yàn)證。記錄下。官方地址：http://formvalidation.io/api/
創(chuàng)新互聯(lián)建站憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗(yàn)，為客戶提供超值的營銷型網(wǎng)站建設(shè)服務(wù)，我們始終認(rèn)為：好的營銷型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個(gè)人等客戶提供了網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)服務(wù)，以良好的商業(yè)信譽(yù)，完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。
還有一點(diǎn)很重要：這個(gè)插件的Bootstrap最好用他們自帶的，有點(diǎn)改動。不用再去Bootstrap官網(wǎng)下載。
向上效果：
先導(dǎo)入資源：
html：
下面是驗(yàn)證代碼；
重慶分公司
重慶分公司
$('#defaultForm').formValidation({
message: '此值無效', icon: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, locale: 'zh_CN', fields:{
boxId:{
verbose: false,//代表驗(yàn)證按順序驗(yàn)證。驗(yàn)證成功才會下一個(gè)（驗(yàn)證成功才會發(fā)最后一個(gè)remote遠(yuǎn)程驗(yàn)證）
validators: {
notEmpty: {
message: '這是必填字段'
},
digits: {
message: '值不是數(shù)字'
},
stringLength: {
min: 16,
message:'必須為16個(gè)數(shù)字'
},
remote: {
type: 'POST',
url: '/box/unique',
message: '此設(shè)備號已存在',
delay: 2000
}
}
},
onSuccess:function(){
//點(diǎn)擊提交表單。表單所有都驗(yàn)證成功
}
});后臺返回
{ “valid”: true }//通過驗(yàn)證
或
{ “valid”: false }//不通過—》 ‘此設(shè)備號已存在',效果圖；
以上所述是小編給大家介紹的Bootstrap 表單驗(yàn)證formValidation 實(shí)現(xiàn)遠(yuǎn)程驗(yàn)證功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
