国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

TP5使用bootstrapvalidator進(jìn)行異步驗(yàn)證郵箱

yexiaobai / 2718人閱讀

摘要:驗(yàn)證驗(yàn)證失敗后,提交按鈕仍然是可選狀態(tài)用戶名驗(yàn)證失敗默認(rèn)郵箱不能為空郵箱地址格式有誤此郵箱已經(jīng)注冊默認(rèn)傳遞的就是輸入框的值延遲效果郵箱地址不能為空用戶名長度必須在到位之間確認(rè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)證幾個注意點(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 remote $.ajax請求

參考鏈接:BootstrapValidator超詳細(xì)教程

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/25977.html

相關(guān)文章

  • 前端框架快速開發(fā)靜態(tài)頁面

    摘要:框架開發(fā)解放了生產(chǎn)力,讓一個靜態(tài)頁面效果更逼真,也讓用戶體驗(yàn)逐漸上去,但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西,反觀教育機(jī)構(gòu)和政府部門的網(wǎng)站都是偏動畫少,體現(xiàn)了公關(guān)的嚴(yán)肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章,不忙也忙的生活節(jié)奏,博客...

    李世贊 評論0 收藏0
  • 前端框架快速開發(fā)靜態(tài)頁面

    摘要:框架開發(fā)解放了生產(chǎn)力,讓一個靜態(tài)頁面效果更逼真,也讓用戶體驗(yàn)逐漸上去,但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西,反觀教育機(jī)構(gòu)和政府部門的網(wǎng)站都是偏動畫少,體現(xiàn)了公關(guān)的嚴(yán)肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章,不忙也忙的生活節(jié)奏,博客...

    wenzi 評論0 收藏0
  • 前端框架快速開發(fā)靜態(tài)頁面

    摘要:框架開發(fā)解放了生產(chǎn)力,讓一個靜態(tài)頁面效果更逼真,也讓用戶體驗(yàn)逐漸上去,但是目前對網(wǎng)站的需求主要還是為了展示和宣傳一些東西,反觀教育機(jī)構(gòu)和政府部門的網(wǎng)站都是偏動畫少,體現(xiàn)了公關(guān)的嚴(yán)肅性。 showImg(https://segmentfault.com/img/remote/1460000009262879?w=1183&h=522); 前言 最近很久沒有寫文章,不忙也忙的生活節(jié)奏,博客...

    mozillazg 評論0 收藏0
  • 【Java EE】從零開始寫項(xiàng)目【總結(jié)】

    摘要:目前該功能并未完善,敬請期待。反正每次都會有新的東西補(bǔ)充上去一開始我本來想做的是可以使用微信登陸,也可以使用賬戶郵箱登陸,也可以使用短信登陸的。后來發(fā)現(xiàn)微信登陸要企業(yè)認(rèn)證,做不了。 從零開發(fā)項(xiàng)目概述 最近這一直在復(fù)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法,也就是前面發(fā)出去的排序算法八大基礎(chǔ)排序總結(jié),Java實(shí)現(xiàn)單向鏈表,棧和隊(duì)列就是這么簡單,十道簡單算法題等等... 被虐得不要不要的,即使是非常簡單有時候繞半...

    imtianx 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<