按Yii文檔裡的描述,Yii在處理表單的一般過程是:
創建表單對應的模型類,設置字段驗證規則
創建表單提交對應的action,處理提交的內容
在視圖中創建表單form
在剛剛的一個小項目裡,想使用ajax提交表單信息並驗證保存,又不想用隱藏iframe來做無刷新提交,並且action中能夠用到模型類的校驗方法,就想到使用表單數組提交的方式,舉個例子:
form代碼:
復制代碼 代碼如下:
<form action='' method='post' name='form_test'>
<input type='text' name='arr[]' value='1'>
<input type='text' name='arr[]' value='2'>
<input type='text' name='arr[]' value='3'>
</form>
提交後可以直接使用 $_POST['arr'] 來獲取提交的數據,$_POST['arr'] 為:
復制代碼 代碼如下:
Array
(
[0] => a
[1] => b
[2] => c
)
同理,如果使用以下form提交:
復制代碼 代碼如下:
<form action='' method='post' name='form_test'>
<input type='text' name='arr[3]' value='a'>
<input type='text' name='arr[6]' value='b'>
<input type='text' name='arr[8]' value='c'>
</form>
$_POST['arr'] 為:
Array
(
[3] => a
[6] => b
[8] => c
)
當然也能提交二維數組:
復制代碼 代碼如下:
<form action='http://127.0.0.1/zhaobolu/test.php' method='post' name='form_test'>
<input type='text' name='arr[][name1]' value='a'>
<input type='text' name='arr[][name2]' value='b'>
<input type='text' name='arr[][name3]' value='c'>
</form>
$_POST['arr'] 為:
Array
(
[0] => Array
(
[name1] => a
)
[1] => Array
(
[name2] => b
)
[2] => Array
(
[name3] => c
)
)
這裡有一個問題,如果不設置第一個子數組的key,在生成數組時會將每個值順序在arr中添加,如果想將信息保存在一個array中,添加一個key值即可,如下:
復制代碼 代碼如下:
<form action='http://127.0.0.1/zhaobolu/test.php' method='post' name='form_test'>
<input type='text' name='arr[a][name1]' value='a1'>
<input type='text' name='arr[a][value1]' value='a2'>
<input type='text' name='arr[b][name2]' value='b1'>
<input type='text' name='arr[b][value2]' value='b2'>
</form>
$_POST['arr'] 為:
Array
(
[a] => Array
(
[name1] => a1
[value1] => a2
)
[b] => Array
(
[name2] => b1
[value2] => b2
)
)
下面貼一下用ajax提交表單並且用yii表單模型驗證的示例,首先是模型類部分,只有最簡單的校驗方法:
復制代碼 代碼如下:
<?php
class LandingForm extends CFormModel
{
public $landing_title;
public $landing_content;
public $landing_position;
public function rules()
{
return array(
array('landing_title, landing_content', 'required'),
array('landing_position', 'default', 'value'=>''),
);
}
}
發現個比較有意思的,就是模型類在設置參數校驗的方法時,需要對每一個public參數都設置規則,如果有未設置規則的參數,在用$_POST中的表單值為模型賦值後,未設置規則的參數值將為空
action中獲取表單提交的參數並且校驗:
復制代碼 代碼如下:
$model = new LandingForm;
$model->attributes = $_POST['form'];
if($model->validate()){
$info = $model->attributes;
...
}
最後是前端提交表單部分的代碼,用的jquery:
復制代碼 代碼如下:
var info = new Object();
info = { 'form[landing_title]': landing_title,
'form[landing_content]': landing_content,
'form[landing_position]': landing_position,
};
var url = "...";
$.post(url, info, function(rst){
...
});