Controller控制器层代码

  1. <?php
  2. namespace frontend\controllers;
  3. use frontend\models\UserForm;
  4. class UserController extends \yii\web\Controller
  5. {
  6. public function actionIndex()
  7. {
  8. $model = new UserForm;
  9. if ($model->load(\Yii::$app->request->post()) && $model->validate())
  10. {
  11. echo "通过";
  12. }
  13. return $this->render('index',[
  14. "model" => $model,
  15. ]);
  16. }
  17. }

VIEWS视图层代码

  1. <?php
  2. use yii\helpers\Html;
  3. use yii\widgets\ActiveForm;
  4. ?>
  5. <h1>YII2.0使用ActiveForm</h1>
  6. <?php $form = ActiveForm::begin([
  7. 'action' => ['log/login'], //提交地址(*可省略*)
  8. 'method'=>'post',    //提交方法(*可省略默认POST*)
  9. 'id' => 'login-form', //设置ID属性
  10. 'options' => [
  11. 'class' => 'form-horizontal', //设置class属性
  12. 'enctype' => 'multipart/form-data' //文件上传时添加该编码
  13. ],
  14. 'fieldConfig' => [
  15. 'template' => '<div class="form-group"><center><label class="col-md-2 control-label" for="type-name-field">{label}</label></center><div class="col-md-8 controls">{input}{error}</div></div>'
  16. ],  //设置模板的样式
  17. ]); ?>
  18. <!--文本框 (*验证长度可在这里写 maxlength 这样就不用再 model 里面写了 *)-->
  19. <?= $form->field($model, 'username',['inputOptions' => ['placeholder'=>'请输入用户名','class' => 'ipt'],'template'=>'<div class="form-group"><div class="col-md-8 controls">{label}{input}{error}</div></div>'])->textInput(['maxlength' => 20,"style"=>"width:200px; height:30px;"]) ?>
  20. <!--密码框 (*不使用他的lable只需要用false把他禁止, 然后你可以自己写*)-->
  21. <h4>密码</h4><?= $form->field($model, 'pwd')->label(false)->passwordInput(['maxlength' => 20,"style"=>"width:200px; height:30px;","placeholder"=>"请输入您的密码"]) ?>
  22. <?= $form->field($model, 're_pwd')->passwordInput(['maxlength' => 20,"style"=>"width:200px; height:30px;","placeholder"=>"请输入您的密码"]) ?>
  23. <!--单选按钮(*设置默认选中*)-->
  24. <?php $model->sex=1; echo $form->field($model, 'sex')->radioList(['1'=>'男','0'=>'女']) ?>
  25. <!--验证邮箱-->
  26. <?= $form->field($model, 'email')->textInput() ?>
  27. <!--下拉框的默认选中使用 prompt 设置 -->
  28. <?= $form->field($model, 'school')->dropDownList(['1'=>'大学','2'=>'高中','3'=>'初中'], ['prompt'=>'请选择','style'=>'width:120px']) ?>
  29. <!--文件上传-->
  30. <?= $form->field($model, 'photo')->fileInput() ?>
  31. <!--复选框 -->
  32. <?= $form->field($model, 'hobby')->checkboxList(['0'=>'篮球','1'=>'足球','2'=>'羽毛球','3'=>'乒乓球']) ?>
  33. <!--文本域-->
  34. <?= $form->field($model, 'remark')->textarea(['rows'=>3]) ?>
  35. <!--隐藏域-->
  36. <?= $form->field($model, 'userid')->hiddenInput(['value'=>3])->label(false); ?>
  37. <?= Html::submitButton('提交', ['class'=>'btn btn-primary','name' =>'submit-button']) ?>
  38. <?= Html::resetButton('重置', ['class'=>'btn btn-primary','name' =>'submit-button']) ?>
  39. <?php ActiveForm::end(); ?>

MODELS层表单验证

  1. <?php
  2. namespace frontend\models;
  3. use Yii;
  4. class UserForm extends \yii\db\ActiveRecord
  5. {
  6. /**
  7. *@param参数
  8. */
  9. public $username;
  10. public $pwd;
  11. public $re_pwd;
  12. public $email;
  13. public $bobby;
  14. public $remark;
  15. public $photo;
  16. public $school;
  17. public $info;
  18. /**
  19. * @inheritdoc
  20. */
  21. public static function tableName()
  22. {
  23. return '{{%user}}';
  24. }
  25. /**
  26. * @inheritdoc
  27. */
  28. public function rules()
  29. {
  30. return [
  31. //验证不能为空
  32. [['username', 'pwd', 'email', 'hobby'], 'required' ,"message"=>"{attribute}不能为空"],
  33. //验证用户唯一
  34. ['username', 'unique', 'targetClass' => '\frontend\models\User', 'message' => '用户名已存在.'],
  35. //验证密码不一致
  36. ['re_pwd', 'compare', 'compareAttribute' => 'pwd', 'message' => '两次密码不一致'],
  37. //验证字符串长度
  38. [['username'],"string", "max"=>"10", "min"=>"5", "tooLong"=>"{attribute}不能大于10个字符", "tooShort"=>"{attribute}不能小于5个字符"],
  39. //验证文件上传的格式
  40. ['photo','file',
  41. 'extensions'=>['jpg','png','gif'],'wrongExtension'=>'只能上传{extensions}类型文件!',
  42. 'maxSize'=>1024*1024*2,  'tooBig'=>'文件上传过大!',
  43. 'skipOnEmpty'=>false,'uploadRequired'=>'请上传文件!',
  44. 'message'=>'上传失败!'
  45. ]
  46. //采用rules 规则验证
  47. ['email', 'email',"message"=>"{attribute}格式错误"],
  48. //方法2:
  49. //正则验证  ['tel','match','pattern'=>'/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})?$/','message'=>"{attribute}邮箱输入有误."],
  50. [['remark'], 'string', 'max' => 200],
  51. ];
  52. }
  53. /**
  54. * @inheritdoc
  55. */
  56. public function attributeLabels()
  57. {
  58. return [
  59. 'user_id' => '自增ID',
  60. 'username' => '用户名',
  61. 'pwd' => '密码',
  62. 're_pwd' => '请再次输入密码',
  63. 'sex' => '性别',
  64. 'photo' => '头像',
  65. 'email' => '邮箱',
  66. 'hobby' => '爱好',
  67. 'school' => '学校',
  68. 'remark' => '备注信息',
  69. ];
  70. }
  71. }

YII2.0使用ActiveForm表单(转)的更多相关文章

  1. yii2之ActiveForm表单使用

    因目前项目并非前后端分离模式,且用到PHP的yii2框架(所有html代码,js较多内嵌在.php文件内多少采用同步提交[喷墨中...]),遂对于前端面上需要用到的yii2小组件一些整理(因是前端若涉 ...

  2. yii2 创建ActiveForm(表单)

    表单的生成表单中的方法    ActiveForm::begin()方法    ActiveForm::end()方法    getClientOptions()方法    其它方法:errorSum ...

  3. yii中调整ActiveForm表单样式

    Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField, <?php $form = ActiveForm::begin([ 'id' => 'login-for ...

  4. <玩转Django2.0>读书笔记:表单

    1. 表单字段 参考: 官方文档 Django表单字段汇总 2. 表单代码示例(forms.Form) # form.py代码 # 获取数据库数据 choices_list = [(i+1,v['ty ...

  5. 【Django笔记四】Django2.0中的表单

    一.环境版本信息: 操作系统:windows10 Django版本:2.0.5 Python版本:3.6.4 Mysql版本: 5.5.53   安装mysql 二.基础信息 1.App中的模型mod ...

  6. thinkPHP5.0使用form表单提交数据和删除文章,不用TP的提示页面,使用弹出提示信息

    form表单提交数据和删除文章时,TP的默认信息提示页面的看起来不是很好看,想要实现弹窗提示怎么做呢? 前端:可以使用前端的一个知识--iframe,iframe元素会创建包含另外一个文档的内联框架: ...

  7. yii2.0 Activeform表单部分组件使用方法

    文本框:textInput(); 密码框:passwordInput(); 单选框:radio(),radioList(); 复选框:checkbox(),checkboxList(); 下拉框:dr ...

  8. yii2.0 Activeform表单部分组件使用方法 [ 2.0 版本 ]

    文本框:textInput(); 密码框:passwordInput(); 单选框:radio(),radioList(); 复选框:checkbox(),checkboxList(); 下拉框:dr ...

  9. [moka同学笔记]yii2 activeForm 表单样式的修改(二)

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAABAEAAANXCAIAAADLkdErAAAgAElEQVR4nOzdfWwc953nef6zwO5Zg8

随机推荐

  1. npm常用功能

    1.   npm -v在命令行中输入该代码,可以查看npm当前版本号 2.安装依赖包2.1  npm install <name>先使用cd命令跳转到需要安装模块的目录,在该目录下执行np ...

  2. 创建型模式篇(工厂模式Factory Pattern)

    一.工厂模式(Factory Pattern) 1.定义: 在软件系统,经常面临着“某个对象”的创建工作,由于需求的变化,这个对象的具体实现经常面临着剧烈的变化,但是它却拥有比较稳定的接口.提供一种封 ...

  3. 一、I/O操作(中文问题)

    一.编码概念 计算机存放数据只能存放数字,所有的字符都会被转换为不同的数字. 常见的编码有:ISO-8859-1 ASCII数字和西欧字母 GBK:简体中文和繁体,以及日文 GB2312:简体中文 B ...

  4. Farm Irrigation(非常有意思的并查集)

    Farm Irrigation Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 65536/32768K (Java/Other) Tot ...

  5. 你还有没有印象?腾讯QQ16个版本界面你认识多少?

    腾讯公司成立于1998年11月11日(马化腾也曾经戏称“腾讯公司的生日被马云弄成双11购物节了”).1997年,马化腾接触到了ICQ:1998年11月11日,马化腾和同学张志东在广东省深圳市注册成立“ ...

  6. 使用外置的Servlet容器

    嵌入式Servlet容器: 优点:简单.便捷 缺点:默认不支持JSP.优化定制比较复杂(使用定制器[ServerProperties.自定义EmbeddedServletContainerCustom ...

  7. Utf-8+Bom编码导致的读取数据部分异常问题

    项目中经常会有这种场景,在配置文件中配置对应关系,项目启动的时候从中读取数据存入map缓存起来,这样使用的时候就可以直接从map找到对应的映射关系. 然后遇到了这么一个诡异的问题,一个简单的映射关系如 ...

  8. 在用mybatis向MySQL数据库中插入时间时报错:Incorrect datetime value: '' for column '' at row 1

    问题说明:使用的MySQL是5.1.37版本,用的mysql-connector-java-5.0.4.jar版本,在java文件中定义的字段是Date类型,MySQL中定义的字段类型是datetim ...

  9. 尚学堂java 参考答案 第八章

    一.选择题 1.BD 解析:B:Integer是对象,所以默认的应该是null对象.D使用的是自动装箱 2.A 解析:String类的对象是final型,是不能修改的,concat()方法是生成一个新 ...

  10. day044 cssy其他样式 js初识

    float: 浮动 .t1{ float: right/left; } 关于浮动的两个特点: 1.浮动的框可以向左或向右移动,知道他的外边缘碰到包括框或另一个浮动框的边框为止. 2.由于浮动框不在文档 ...