问题:
最近在用yii开发,他的表单验证功能也很强大,可是发现这个activeform表单工具用不来,谁能帮忙讲解下,谢谢!
问题:
最近在用yii开发,他的表单验证功能也很强大,可是发现这个activeform表单工具用不来,谁能帮忙讲解下,谢谢!
解答:
不知道题主有没有简单的应用场景。ㄟ( ▔, ▔ )ㄏ
我这里就举个 超超超简单·用户发表评论·的表单提交的例子:
正如@鸟语花香说的,ActiveForm 要和 Model/ActiveRecord 配合使用的。
所以 先要张表 像这样 ↓
+----------+--------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +----------+--------------+------+-----+---------+----------------+ | id | int(11) | NO | PRI | NULL | auto_increment | | username | varchar(20) | NO | | NULL | | | comment | text | NO | | NULL | | | add_time | datetime | YES | | NULL | | | gender | tinyint(3) | YES | | NULL | | +----------+--------------+------+-----+---------+----------------+
有了表,那我们就建立model咯,这里我直接用gii脚手架生成了名为 Comments 的model。
表单里需要的信息:
1. 用户名(varchar类型数据)
2. 评论内容 (text类型数据)
3. 性别(int类型数据)
我想在你的控制器的action中,至少应该这么写:
/*action*/ $model = new Comments(); //实例化 Comments model return $this->render('msg',['model'=>$model]); //将 comments model 作为参数 推进我要的视图页面
render中的 「msg」就是对应的视图页面
那接下去看下msg视图:
在msg视图中,我们常用的方法和属性大都包含在了两个关键的类中,分别是 yii\helpers\Html 和 yii\bootstrap\ActiveForm,前者负责将一些常用的html标签方法化,方便统一。 后者就是我们的主角 ActiveForm。为了让我们接下去表单中的代码简洁益与阅读,我们就在视图头部加入引用:
<!--msg.php文件--> <?php use yii\helpers\Html; use yii\bootstrap\ActiveForm; ?>
普通表单我们用 <form>...</form>
作为开头和结尾,ActiveForm也一样,只不过换了个更加酷炫的方法:
<!--msg.php文件--> <?php $form = ActiveForm::begin([...]);?> ... ... ... <?php ActiveForm::end();?>
ActiveForm就是这种结构啦!(≖ ‿ ≖)✧,begin中的省略号是我们要配置的参数,一会我们再把他替换掉,
先来看看表单要填写的条目:
<!--msg.php文件--> <?= $form->field($model,'username')->textInput(); //用户名输入框 ?> <?= $form->field($model,'comment')->textarea(); //评论内容输入框 ?> <?= $form->field($model,'gender')->radioList(['1'=>'男','2'=>'女'])->label('性别'); //性别选择框 ?>
没错,只要一行。
一行一条目,因为field自动帮你打包了(1个默认label,1个默认input,1个默认error提示)。
你需要提供的参数也就是
1.我们从action推进来的 comments model。
2.model 中的属性(对应表中的字段)。
label从哪里读出来的?Comments model 中的 attributeLabels。
error显示的规则哪里来的?Comments model 中的 rules 规则验证。
field($model,'xxx')
后面哪些紧跟的是啥?
就是那要选用的输入框类型。
ActiveForm 的 field() 方法,返回的是一个 根据你给定的 model和model属性 生成的
ActiveField对象 ,field()后紧跟的方法则是根据你的需求选择输入框的类型,还有一些自定义配置。
拿上面gender的栗子讲:
如果 只是这样写的话,则会返回给我一个默认的 textInput输入框,所以我加了 ->radioList(['1'=>'男','2'=>'女']) 把textInput改成了一个 radio单选框 ,radioList中的数组就是对应选项的值和标签。->label('性别'),我觉得我不想用 Comments model 中写好的属性翻译,所以我把label也重写了一下。
有了输入的条目,那接下来的就是提交的按钮咯:
<!--msg.php文件--> <?= Html::submitButton('发表评论', ['class' => 'btn btn-primary', 'name' => 'submit-button']) ?>
第一个参数就是你要显示的button的文字,第二个数组同样是配置,增加了button的class和name。
接下来再回到ActiveForm::begin([...])方法,看下begin中的一般参数配置:
[ 'id'=>'msg-form', 'options' => ['class'=>'form-horizontal'], 'enableAjaxValidation'=>false, 'fieldConfig' => [ 'template' => "{label}\n<p class=\"col-lg-3\">{input}</p>\n<p class=\"col-lg-8\">{error}</p>", 'labelOptions' => ['class' => 'col-lg-1 control-label'], ] ]
1.'id'=>'msg-form'
表单form 的id ,除了唯一标识的作用外,如果你开启了表单异步规则验证,这个也会作为$_POST[ajax]参数提交到action中。
2.'options' => ['class'=>'form-horizontal']
给form 加的一些属性
3.'enableAjaxValidation'=>false
这个就是「是否进行异步验证」的配置。其实它默认是false的,完全可以不用列出来,之所以这里列出是觉得有必要知道这个属性的存在,因为在复杂的表单中一般都是 设置为true。同时,在你的action中还要增加对于异步验证的方法。
4.'fieldConfig'
对表单中 将要生成的 ActiveField对象 进行配置,上面讲的是在input条目中进行配置,而这里就是统一配置。
'template' => "{label}\n
\n
{error}", 顾名思义,模板。 也就是让一个输入框套餐(label+input+error)按照我要求的样式显示出来。如果不设置,那yii会采用默认的模板 "{label}\n{input}\n{hint}\n{error}"(实在太难看(`・д・´) )。'labelOptions' => ['class' => 'col-lg-1 control-label'], 就是增加套餐中{label}的属性(以美化样式)。
下面是整个msg.php的样子:
<!-- msg.php --> <?php use yii\helpers\Html; use yii\bootstrap\ActiveForm; ?> <p class="container"> <!-- 开始帅气的表单组件--> <?php $form = ActiveForm::begin([ 'id' => 'msg-form', 'options' => ['class'=>'form-horizontal'], 'enableAjaxValidation'=>false, 'fieldConfig' => [ 'template' => "{label}\n<p class=\"col-lg-3\">{input}</p>\n<p class=\"col-lg-8\">{error}</p>", 'labelOptions' => ['class' => 'col-lg-1 control-label'], ] ]); ?> <!--表单条目--> <?= $form->field($model,'username')->textInput(); ?> <?= $form->field($model,'comment')->textarea(); ?> <?= $form->field($model,'gender')->radioList(['1'=>'男','2'=>'女'])->label('性别'); ?> <!--提交按钮--> <p class="form-group"> <p class="col-lg-offset-1 col-lg-11"> <?= Html::submitButton('发表评论', ['class' => 'btn btn-primary', 'name' => 'submit-button']) ?> </p> </p> <!--结束帅气的表单组件--> <?php ActiveForm::end();?> </p>
到这里,如果点了提交后,post 的内容将会是这样的
[_csrf] => RHFOTmg1TUpwNX0sKQ0CEnQ/ES8uQyM9HhIcFhBxHnM1QhQELnR9BA== [Comments] => Array ( [username] => cookedsteak [comment] => Here comes the comment ! [gender] => 2 ) [ajax] => msg-form [submit-button] => undefined
之后就是在action中按照你自己的需求处理数据啦。
以上是个人对ActiveForm的理解,可能有些地方过于简单,只希望能帮到同是初学者的yiier(づ ̄ ³ ̄)づ
人工智慧驅動的應用程序,用於創建逼真的裸體照片
用於從照片中去除衣服的線上人工智慧工具。
免費脫衣圖片
AI脫衣器
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!
好用且免費的程式碼編輯器
中文版,非常好用
強大的PHP整合開發環境
視覺化網頁開發工具
神級程式碼編輯軟體(SublimeText3)
如何實現PHP表單提交後的頁面跳轉【簡介】在Web開發中,表單的提交是一項常見的功能需求。當使用者填寫完表單並點擊提交按鈕後,通常需要將表單資料傳送至伺服器進行處理,並在處理完後將使用者重新導向至另一個頁面。本文將介紹如何使用PHP來實現表單提交後的頁面跳躍。 【步驟一:HTML表單】首先,我們需要在HTML頁面中撰寫一個包含表單的頁面,以便使用者填寫需要提交的資料。
如何使用JavaScript實作表單的輸入框內容自動提示功能?簡介:表單的輸入框內容自動提示功能在網頁應用程式中非常常見,它可以幫助使用者快速輸入正確的內容。本文將介紹如何使用JavaScript實作此功能,並提供具體的程式碼範例。在建立HTML結構首先,我們需要建立一個包含輸入框和自動提示清單的HTML結構。可以使用以下程式碼:<!DOCTYP
如何處理PHP表單中的使用者權限管理隨著Web應用程式的不斷發展,使用者權限管理是重要的功能之一。使用者權限管理可以控制使用者在應用程式中的操作權限,確保資料的安全性和合法性。在PHP表單中,使用者權限管理可以透過一些簡單的程式碼來實現。本文將介紹如何處理PHP表單中的使用者權限管理,並給予對應的程式碼範例。一、使用者角色的定義與管理首先,將使用者角色定義與管理是使用者權
如何使用JavaScript實作表單的輸入框內容即時校驗功能?在許多網頁應用程式中,表單是使用者與系統之間最常用的互動方式。然而,使用者輸入的內容往往需要進行有效性校驗,以確保資料的準確性和完整性。在這篇文章中,我們將學習如何使用JavaScript實作表單的輸入框內容即時校驗功能,並提供具體的程式碼範例。在建立表單首先,我們需要在HTML中建立一個簡單的表
如何使用HTML、CSS和jQuery實現表單自動保存的高級功能在現代網頁應用中,表單是非常常見的元素之一。當使用者在輸入表單資料時,如何能夠實現自動儲存的功能,不僅可以提高使用者的使用體驗,也能確保資料的安全性。本文將介紹如何使用HTML、CSS和jQuery來實作表單的自動儲存功能,並附上具體的程式碼範例。一、HTML表單的結構建構我們先來建立一個簡單的HT
PHP表單處理:表單資料查詢與篩選引言在網路開發中,表單是一種重要的互動方式,使用者可以透過表單向伺服器提交資料並進行進一步的處理。本文將介紹如何使用PHP處理表單資料的查詢與篩選功能。表單的設計與提交首先,我們需要設計一個包含查詢與篩選功能的表單。常見的表單元素包括輸入框、下拉清單、單選框、複選框等,根據具體需求進行設計。用戶在提交表單時,會將資料以POS
yii2去掉jquery的方法:1、編輯AppAsset.php文件,註解掉變數$depends裡的「yii\web\YiiAsset」值;2、編輯main.php文件,在欄位「components」下方新增配置為「'yii \web\JqueryAsset' => ['js' => [],'sourcePath' => null,],」即可去掉jquery腳本。
如何設定PHP表單的HTTPS安全連線?隨著網路的發展,安全性在網頁開發中變得越來越重要。加密傳輸協定HTTPS在保護資料傳輸過程中扮演關鍵的角色。在使用PHP表單進行資料傳輸時,我們可以採取一些措施來確保連線的安全性。本文將指導您如何設定PHP表單的HTTPS安全連接,並附帶一些程式碼範例。購買SSL憑證首先,您需要購買一個SSL憑證。 SSL憑證是保證網站