yii2自定义表单使用验证码

我不是女神ヾ 2022-06-12 00:54 253阅读 0赞

首先在控制器定义方法actions：

public function actions() { 
            return [
                'captcha' => [
                    'class' => 'yii\captcha\CaptchaAction', 
                    'maxLength' => 4, //最大显示个数
                    'minLength' => 4,
    
                ],
            ];
    }

前台img标签直接应用`<img src="<?=Url::to(['/site/captcha'])?>" class="codeimg">`  
验证码即可正常显示。

在用jquery定义一个放到，每次进入页面就去请求刷新验证码。

$.get('<?php echo Yii::$app->urlManager->createUrl('site/captcha');?>?',{refresh:1},function(data){ 
       evaldata=eval(data);
       $(".codeimg").attr('src',evaldata.url);    
    });

点击图片刷新验证码：

$(document).on('click','.codeimg',function(){ 
       $.get('<?php echo Yii::$app->urlManager->createUrl('site/captcha');?>',{refresh:1},function(data){ 
           evaldata=eval(data);
           $(".codeimg").attr('src',evaldata.url);    
       });
    
    })

后台验证前台传来的验证码是否正确。

#$code传来的验证码
    $result = $this->createAction('captcha')->validate($code, false);
    if($result){
        echo '验证成功';
    }else{
        echo '验证失败';
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap：bootstrapValidator表单自定义验证

1、Bootstrap：Form 表单在WEB开发过程中，经常遇到需要做表单提交，良好的提示增加用户体验感。在Bootstrap UI使用表单验证，构建登录界面。2、Bo...

青旅半醒/ 2024年04月20日 12:20/ 0 赞/ 88 阅读

相关 Django 表单验证之自定义表单验证器

本文基于[Django 表单验证][Django] 一文，补充完善表单验证器之自定义表单验证器具体步骤总结如下: 第一：在formValidation.py 文件中，添加

桃扇骨/ 2023年10月10日 13:12/ 0 赞/ 30 阅读

相关 yii2关闭form表单的实时验证

form表单默认会在提交之前就会验证用户输入的数据是否为合法，只需要在form表单生成的时候加一个参数，就能使form表单在提交的时候验证。 <?php $form

- 日理万妓/ 2022年09月29日 04:25/ 0 赞/ 167 阅读

相关 element ui 自定义表单验证

element ui 表单验证 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="de

╰+哭是因爲堅強的太久メ/ 2022年09月10日 12:24/ 0 赞/ 236 阅读

相关 yii2表单

<?php namespace app\\models\\test; use yii\\db\\ActiveRecord; clas

悠悠/ 2022年07月16日 08:14/ 0 赞/ 205 阅读

相关 yii2使用Model无刷新验证rule自定义方法

先配置rule / @inheritdoc / public function rules() { return [

短命女/ 2022年07月14日 07:29/ 0 赞/ 266 阅读

相关 AngularJs 自定义表单验证

一、AngularJs中的表单验证，仅提供了一些前台格式验证，如果想通过后台验证，则需要自定义处理自定义指定使用ajax后台验证示例： <style>

迈不过友情╰/ 2022年06月12日 05:57/ 0 赞/ 308 阅读

相关表单自定义验证setCustomValidity

对于默认的表单验证，有时候不是很友好，所以我们可以使用自定义表单验证，如下所示： <!DOCTYPE html> <html lang="en">

冷不防/ 2022年06月12日 02:16/ 0 赞/ 308 阅读

相关 yii2自定义表单使用验证码

首先在控制器定义方法actions： public function actions() { return [

我不是女神ヾ/ 2022年06月12日 00:54/ 0 赞/ 254 阅读

相关 iview - 自定义表单验证

自定义表单验证代码 export default { data () { const validateImage = (rule,

电玩女神/ 2021年09月30日 03:14/ 0 赞/ 483 阅读