YII2.0使用ActiveForm表单

Controller控制器层代码

<?php

namespace frontend\controllers;

use frontend\models\UserForm;
class UserController extends \yii\web\Controller
{
    public function actionIndex()
    {
		$model = new UserForm;
		if ($model->load(\Yii::$app->request->post()) && $model->validate())
		{
			echo "通过";
		}

        return $this->render('index',[
			"model" => $model,
		]);
    }

}

VIEWS视图层代码

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;

?>

<h1>YII2.0使用ActiveForm</h1>

<?php $form = ActiveForm::begin([
    'action' => ['log/login'], //提交地址(*可省略*)
    'method'=>'post',	//提交方法(*可省略默认POST*)
	'id' => 'login-form', //设置ID属性
	'options' => [
			'class' => 'form-horizontal', //设置class属性
			'enctype' => 'multipart/form-data' //文件上传时添加该编码
	],
	'fieldConfig' => [
			'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>'
	],  //设置模板的样式
]); ?>

	<!--文本框 (*验证长度可在这里写 maxlength 这样就不用再 model 里面写了 *)-->
	<?= $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;"]) ?>

	<!--密码框 (*不使用他的lable只需要用false把他禁止, 然后你可以自己写*)-->
	<h4>密码</h4><?= $form->field($model, 'pwd')->label(false)->passwordInput(['maxlength' => 20,"style"=>"width:200px; height:30px;","placeholder"=>"请输入您的密码"]) ?>

	<?= $form->field($model, 're_pwd')->passwordInput(['maxlength' => 20,"style"=>"width:200px; height:30px;","placeholder"=>"请输入您的密码"]) ?>

	<!--单选按钮(*设置默认选中*)-->
	<?php $model->sex=1; echo $form->field($model, 'sex')->radioList(['1'=>'男','0'=>'女']) ?>

	<!--验证邮箱-->
	<?= $form->field($model, 'email')->textInput() ?>

	<!--下拉框的默认选中使用 prompt 设置 -->
	<?= $form->field($model, 'school')->dropDownList(['1'=>'大学','2'=>'高中','3'=>'初中'], ['prompt'=>'请选择','style'=>'width:120px']) ?>

	<!--文件上传-->
	<?= $form->field($model, 'photo')->fileInput() ?>

	<!--复选框 -->
	<?= $form->field($model, 'hobby')->checkboxList(['0'=>'篮球','1'=>'足球','2'=>'羽毛球','3'=>'乒乓球']) ?>

	<!--文本域-->
	<?= $form->field($model, 'remark')->textarea(['rows'=>3]) ?>

	<!--隐藏域-->
	<?= $form->field($model, 'userid')->hiddenInput(['value'=>3])->label(false); ?>

	<?= Html::submitButton('提交', ['class'=>'btn btn-primary','name' =>'submit-button']) ?>

	<?= Html::resetButton('重置', ['class'=>'btn btn-primary','name' =>'submit-button']) ?>

<?php ActiveForm::end(); ?>

MODELS层表单验证

<?php

namespace frontend\models;

use Yii;
class UserForm extends \yii\db\ActiveRecord
{
	/**
	*@param参数
	*/
	public $username;
	public $pwd;
	public $re_pwd;
	public $email;
	public $bobby;
	public $remark;
	public $photo;
	public $school;
	public $info;

    /**
     * @inheritdoc
     */
    public static function tableName()
    {
        return '{{%user}}';
    }

    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
			//验证不能为空
			[['username', 'pwd', 'email', 'hobby'], 'required' ,"message"=>"{attribute}不能为空"], 

			//验证用户唯一
			['username', 'unique', 'targetClass' => '\frontend\models\User', 'message' => '用户名已存在.'],

			//验证密码不一致
			['re_pwd', 'compare', 'compareAttribute' => 'pwd', 'message' => '两次密码不一致'],

			//验证字符串长度
            [['username'],"string", "max"=>"10", "min"=>"5", "tooLong"=>"{attribute}不能大于10个字符", "tooShort"=>"{attribute}不能小于5个字符"],

			//验证文件上传的格式
			 ['photo','file',
				'extensions'=>['jpg','png','gif'],'wrongExtension'=>'只能上传{extensions}类型文件!',
				'maxSize'=>1024*1024*2,	'tooBig'=>'文件上传过大!',
				'skipOnEmpty'=>false,'uploadRequired'=>'请上传文件!',
				'message'=>'上传失败!'
			 ]

			//采用rules 规则验证
			['email', 'email',"message"=>"{attribute}格式错误"],
			//方法2:
			//正则验证  ['tel','match','pattern'=>'/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})?$/','message'=>"{attribute}邮箱输入有误."],

            [['remark'], 'string', 'max' => 200],

        ];
    }

    /**
     * @inheritdoc
     */
    public function attributeLabels()
    {
        return [
            'user_id' => '自增ID',
            'username' => '用户名',
            'pwd' => '密码',
			 're_pwd' => '请再次输入密码',
            'sex' => '性别',
			'photo' => '头像',
            'email' => '邮箱',
            'hobby' => '爱好',
			'school' => '学校',
            'remark' => '备注信息',
        ];
    }
}

相关的学习网站推荐

http://www.phpxs.com/post/2327

http://www.phpxs.com/post/3441

http://www.phpxs.com/post/4378

http://www.phpxs.com/post/3443

http://www.kuitao8.com/20140425/2334.shtml

时间: 2024-09-17 04:27:58

YII2.0使用ActiveForm表单的相关文章

YII2.0之Activeform表单组件用法实例_php实例

本文实例讲述了YII2.0之Activeform表单组件用法.分享给大家供大家参考,具体如下: Activeform 文本框:textInput(); 密码框:passwordInput(); 单选框:radio(),radioList(); 复选框:checkbox(),checkboxList(); 下拉框:dropDownList(); 隐藏域:hiddenInput(); 文本域:textarea(['rows'=>3]); 文件上传:fileInput(); 提交按钮:submitBu

Yii2简单实现给表单添加验证码的方法_php实例

本文实例讲述了Yii2简单实现给表单添加验证码的方法.分享给大家供大家参考,具体如下: 控制器SiteController: class SiteController extends Controller { // ... public function actions() { return [ // ... 'captcha' => [ 'class' => 'yii\captcha\CaptchaAction', 'fixedVerifyCode' => YII_ENV_TEST ?

asp.net 2.0 下的表单验证Cookieless属性

asp.net|cookie|表单验证 刚刚在洗衣服的时候突然想到今天在做WAP程序的表单验证的时候遇到一个问题,在不支持Cookies的移动设备模拟器中无法正常进行表单验证,联想到昨天使用web.config设置cookieless属性时会在访问时会出现"Cannot use a leading .. to exit above the top directory"的异常,自然而然的我就想到了前一段时间困扰我很久的一个站点异常无法使用前导 .. 在顶级目录上退出(Cannot use

asp.net 2.0下的表单验证Cookieless属性

刚刚在洗衣服的时候突然想到今天在做WAP程序的表单验证的时候遇到一个问题,在不支持Cookies的移动设备模拟器中无法正常进行表单验证,联想到昨天使用web.config设置cookieless属性时会在访问时会出现"Cannot use a leading .. to exit above the top directory"的异常,自然而然的我就想到了前一段时间困扰我很久的一个站点异常无法使用前导 .. 在顶级目录上退出(Cannot use a leading .. to exi

javascript之dhDataGrid Ver2.0.0代码_表单特效

针对dhDataGrid的前一版本Ver1.0.0而做的更新! 1.标题栏.左边边栏固定方式更新,取消expression方式: 2.排序方式更新,同时支持数字.字符.日期.数字字符混合.中文汉字的排序: 3.支持换肤,您可以自己定制该控件样式: 4.预留[双击].[右键]功能: 5.支持IE.FF: CSS: /*dhdatagrid 大块样式*/ #dhdatagrid {position:relative;width:500px;height:200px;background:white;

Yii2.0 模态弹出框+ajax提交表单_php实例

如题 我们使用模态弹出框+ajax提交表单 首先我们把index视图的create按钮添加data-toggle 和 data-target. 代码如下: <?php echo Html::a('添加请假单', ['create'], ['class' => 'btn btn-success','data-toggle'=>'modal','data-target'=>'#ajax']) ?> 在index视图添加如下代码 来显示模态弹出框: <div class=&q

10个详细的CSS3表单制作教程

CSS3在国外应用已经很广泛了,所以我们也应该尽快学会使用CSS3,下面有10个CSS3的教程,非常详细,而且配合jQuery使用,使得用户体验增强不少,做为前端的你,应该抽点时间看看,百利而无一害. HTML5 & CSS3 form <img src="http://www.alixixi.com/web/UploadPic/2014-4/2014428114027484.jpg" border="0" alt="" hspac

表单制作方式大比拼

回想自己从事Web方面的开发已经有6-7年,对于各种Web技术都已经非常熟悉.可是,身为程序员的我对于制作Web表单界面的事着实心痛. 心痛1:很多后端代码和逻辑要写,可我还不得不费力的在各种网页制作工具中拖放控件放到美工提供的美术模板中.再配上css写上javascript.表单大一点够我弄上一整天. 心痛2:表单这东西,不是老手还干不了,又要漂亮又要有功能所以要和各种各样的table,td,div,javascript,css打交道.稍微不注意,显示效果就和所想的不一样,最后这种事情全成了老

真正解决表单重复提交问题php代码

  以前用的js表单防止重复提交方法  代码如下   <script type="text/javascript"> var checkSubmitFlg = false; function checkSubmit() {  if (!checkSubmitFlg) { // 第一次提交   checkSubmitFlg = true;   return true;  } else { //重复提交   alert("Submit again!");