按Yii文档里的描述,Yii在处理表单的一般过程是:

  1. 创建表单对应的模型类,设置字段验证规则
  2. 创建表单提交对应的action,处理提交的内容
  3. 在视图中创建表单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){
...
});

Yii表单模型使用及以数组形式提交表单数据的更多相关文章

  1. form表单下的button按钮会自动提交表单的问题

    form表单下的button按钮会自动提交表单的问题 2017年01月05日 18:02:44 蓝色水 阅读数:18012更多 个人分类: asp.net   form表单下的按钮在没有指定type类 ...

  2. "《算法导论》之‘线性表’":基于静态分配的数组的顺序表

    首先,我们来搞明白几个概念吧(参考自网站数据结构及百度百科). 线性表 线性表是最基本.最简单.也是最常用的一种数据结构.线性表中数据元素之间的关系是一对一的关系,即除了第一个和最后一个数据元素之外, ...

  3. 利用socket模拟http的混合表单上传(在一个请求中提交表单并上传多个文件)

           在非常多企业级应用中,我们都没法直接通过开发语言sdk包封装的http工具来模拟http复合表单(multipart/form-data),特别是在跨语言跨平台的编程过程中.事实上实现方 ...

  4. 阻止form表单中的input按下回车时提交表单

    给form加属性:onsubmit="return false;"

  5. AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件

    <script src="../../Scripts/js/jquery.form.min.js" type="text/javascript">& ...

  6. columns数组形式展示不同列数据

    function workList() { var status = $("#status1").val(); if (null == status || status == &q ...

  7. 利用jquery进行ajax提交表单和附带的数据

    1.获取表单数据: $form.serialize() 2.附带数据:input[status]=1 3.构造url链接:url = $form.attr('action') + '?input[st ...

  8. jquery validationEngine 使用ajax验证不通过也提交表单

    转自 http://mylfd.iteye.com/blog/2007227 validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngin ...

  9. php使用jquery Form ajax 提交表单,并上传文件

    在html5中我们通过FormData就可以ajax上传文件数据,不过因为兼容问题.我们选用jquery.form.min.js来进行ajax的表单提交.   一.jquery.form.js下载地址 ...

随机推荐

  1. Libgdx Box2D真实---这缓释微丸(三:规则经常使用body和精灵联合)

    介绍规则body怎样和图片结合.上一篇文章我介绍了box2D的基本知识,假设你用心的话.你会搜索网上相关简单demo吧.那些我就不写了.那么假设我用图片表示我的那个body.而不是简单线条.那该怎么办 ...

  2. UNIX标准化及实现之选项

    POSIX.1的2001版,包括了ISO C标准所指定的各个函数.其接口分成了两类:必需接口和可选接口.可选接口按功能又进一步分成50个区.表1中按它们各自的选项代码总结了没有被弃用的编程接口.选项代 ...

  3. MySQL导入txt文件

    "Flufy","Harold","cat","f","1993-2-4" "claws& ...

  4. Dashboards (Android)

    his page provides information about the relative number of devices that share a certain characterist ...

  5. 区块上的三角形状的css写法

    .navbar .navline > .dropdown > .dropdown-menu:before { content: ''; display: inline-block; bor ...

  6. 转:Oracle R12 多组织访问的控制 - MOAC(Multi-Org Access Control)

    什么是MOAC MOAC(Multi-Org Access Control)为多组织访问控制,是Oracle EBS R12的重要新功能,它可以实现在一个Responsibility下对多个Opera ...

  7. oracle学习总结4

    1:三范式a:一张表里必须要有主键,列不可分.b:如果一张表里面,两个字段作为主键,那么其他字段不能够部分依赖这两个字段. 2:pl sql:Procedural language(过程语言) 写一个 ...

  8. [设计模式]观察者模式1(用JDK提供的API)

    观察者模式: 被观察的类: package cn.itcast.obserdemo; import java.util.Observable; //House是被观察的,这里直接继承java中的类库( ...

  9. MATLAB的基本元素

    MALTAB程序的基本数据单元是数组,MATLAB 的变量名必须以字母开头,后面可以跟字母,数字和下划线(_).只有前31个字符是有效的:如果超过了31 个字符,基余的字符将被忽略.如果声明两个变量, ...

  10. JavaScript设计模式(一)

    使用JavaScript框架和库过程中, 我遇到过很多感觉上'奇形怪状'的代码. 大多数情况下, 按照惯例编写代码也能够写出很多出色的功能. 但是如果不从根本上理解它们实现的方法, 就没办法完全充分发 ...