Rumah > rangka kerja php > ThinkPHP > Artikel yang menerangkan cara thinkphp5 melaksanakan pengesahan e-mel tak segerak

Artikel yang menerangkan cara thinkphp5 melaksanakan pengesahan e-mel tak segerak

藏色散人
Lepaskan: 2021-09-15 11:42:10
ke hadapan
1975 orang telah melayarinya

rangka kerja thinkphpLajur tutorial akan memperkenalkan kepada anda cara thinkphp5 menggunakan bootstrapvalidator untuk mengesahkan alamat e-mel secara tidak segerak. Saya harap ia dapat membantu rakan yang memerlukan.

Artikel yang menerangkan cara thinkphp5 melaksanakan pengesahan e-mel tak segerak

TP5 menggunakan bootstrapvalidator untuk pengesahan e-mel tak segerak

pengesahan 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',//验证失败后,提交按钮仍然是可选状态

        fields: {
            email: {
                message: '用户名验证失败',//默认
                verbose: false,
                validators: {
                    notEmpty: {
                        message: '邮箱不能为空'
                    },
                    emailAddress: {
                        message: '邮箱地址格式有误'
                    },
                    remote: {
                        url: '/ajax_email',
                        message:"此邮箱已经注册",
                        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位之间'
                    }
                }
            }

        }
    });
});
Salin selepas log masuk

Pemprosesan TP5

    public function ajax_email(){
        //该message可以为空,它替换JS验证的message属性
       echo json_encode(['valid'=>false,'message'=>'验证码不正确']);

    }
Salin selepas log masuk

Beberapa perkara yang perlu diberi perhatian dalam pengesahan js

  • verbose: false, yang bermaksud pengesahan latar belakang tak segerak selepas pengesahan js adalah sah, sekali gus mengurangkan tekanan pelayan
  • data: {}, lalai diluluskan Nilai kotak input, jadi secara amnya tidak perlu menulis atribut ini, atau ia boleh kosong

Nota di latar belakang

  • Nota bahawa ia bukan kembali tetapi gema
  • Kembalikan format json {'valid':true[,'message':'验证成功']}

Atas ialah kandungan terperinci Artikel yang menerangkan cara thinkphp5 melaksanakan pengesahan e-mel tak segerak. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:segmentfault.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan