>  기사  >  PHP 프레임워크  >  thinkphp5가 비동기 이메일 확인을 수행하는 방법을 설명하는 기사

thinkphp5가 비동기 이메일 확인을 수행하는 방법을 설명하는 기사

藏色散人
藏色散人앞으로
2021-09-14 15:53:191950검색

thinkphp 프레임워크 튜토리얼 칼럼에서는 thinkphp5가 bootstrapvalidator를 사용하여 이메일을 비동기적으로 확인하는 방법을 소개합니다. 도움이 필요한 친구들에게 도움이 되기를 바랍니다.

thinkphp5가 비동기 이메일 확인을 수행하는 방법을 설명하는 기사

TP5는 이메일의 비동기 확인을 위해 bootstrapvalidator를 사용합니다.

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位之间'
                    }
                }
            }

        }
    });
});

TP5 처리

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

    }

js 확인에 대한 몇 가지 참고 사항

  • verbose: false, 이는 js 다음을 의미합니다. 확인이 합법적입니다. 그런 다음 비동기 백그라운드 확인을 수행하여 서버 부담을 줄입니다verbose: false,代表js验证合法后再异步后台验证,这样减少服务器压力
  • data: {} ,默认传递的就是输入框的值,所以一般不用写该属性,或者为空即可

后台注意点

  • 注意不是return而是echo
  • 返回json格式 {'valid':true[,'message':'验证成功']}
  • 데이터: {}, 입력 상자의 값은 기본적으로 전달되므로 일반적으로 이 속성을 작성할 필요가 없습니다. 비어있을 수 있습니다
🎜배경에 대한 참고 사항 🎜🎜🎜반환이 아니라 echo🎜🎜json 형식을 반환합니다. {'valid':true[,'message':'Verification 성공적인']}🎜🎜🎜

위 내용은 thinkphp5가 비동기 이메일 확인을 수행하는 방법을 설명하는 기사의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제