码迷,mamicode.com
首页 > 其他好文 > 详细

学习笔记-多数据文章页表单提交和验证-2016.4.8

时间:2016-04-08 06:38:11      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:

//由于文章新增或者其他数据量比较大的表单新增的时候,我们可以先用一条数据来完成新增,如果成功,我们批量复制就行避免造成错误!

 

html部分

<form action="###" method="post" id="main" name="content">
<table cellspacing="0" class="content">
<tr><th><strong>发布一条新文档</strong></th></tr>
<tr><td>文档标题:<input type="text" name="title" class="text" /> <span class="red">[必填]</span> ( * 标题2-50字符之间)</td></tr>
<tr><td>栏  目:<select name="nav"><option value="">请选择一个栏目类别</option>{$nav}</select> <span class="red">[必选]</span></td></tr>
<tr><td>定义属性: <input type="checkbox" name="attr[]" value="头条" />头条
<input type="checkbox" name="attr[]" value="推荐" />推荐
<input type="checkbox" name="attr[]" value="加粗" />加粗
<input type="checkbox" name="attr[]" value="跳转" />跳转
</td></tr>
<tr><td>标  签:<input type="text" name="tag" class="text" /> ( * 每个标签用‘,‘隔开,总长30位之内)</td></tr>
<tr><td>关 键 字 :<input type="text" name="keyword" class="text" /> ( * 每个关键字用‘,‘隔开,总长30位之内)</td></tr>
<tr><td>缩 略 图 :<input type="text" name="thumbnail" class="text" readonly/>
<input type="button" value="上传" onclick="centerWindow(‘../templates/upFile.html.‘,‘upFile‘,‘400‘,‘150‘)">
<img name="pic" alt="缩略图" style="display: none;margin-left: 66px"> ( * 必须是jpg,gif,png,大小200KB)
</td>
</tr>
<tr><td>文章来源:<input type="text" name="source" class="text" /> ( * 文章来源20位之内)</td></tr>
<tr><td>作  者:<input type="text" name="author" class="text" /> ( * 作者10位之内)</td></tr>
<tr><td><span class="middle">内容摘要:</span><textarea name="info"></textarea> <span class="middle">( * 内容摘要200之内)</span></td></tr>
<tr><td>
<!-- 加载编辑器的容器 -->
<script id="container" name="details" type="text/plain"></script>
<!-- 配置文件 -->
<script type="text/javascript" src="../ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="../ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor(‘container‘);
</script>
</td>
</tr>
<tr><td>评论选项:<input type="radio" name="commend" value="1" checked="checked" />允许评论
<input type="radio" name="commend" value="0" />禁止评论
    浏览次数:<input type="text" name="count" value="100" class="text small" />
</td></tr>
<tr><td>文档排序:<select name="sort">
<option>默认排序</option>
<option>置顶一天</option>
<option>置顶一周</option>
<option>置顶一月</option>
<option>置顶一年</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;消费金币:<input type="text" name="gold" value="0" class="text small" />
</td></tr>
<tr><td>阅读权限:<select name="limit">
<option>开放浏览</option>
<option>初级会员</option>
<option>中级会员</option>
<option>高级会员</option>
<option>VIP会员</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;标题颜色:<select name="color">
<option value="">默认颜色</option>
<option value="red" style="color:red;">红色</option>
<option value="blue" style="color:blue;">蓝色</option>
<option value="orange" style="color:orange; ">橙色</option>
</select>
</td></tr>
<tr><td><input type="submit" name="send" value="发布文档" onclick="return checkAddContent()" /> <input type="reset" value="重置" /></td></tr>
<tr><td></td></tr>
</table>
</form>

php控制器部分
private function add(){
if(isset($_POST[‘send‘])){
if (Validate::checkNull($_POST[‘title‘])) Tool::alertBack(‘警告:标题不得为空!‘);
if (Validate::checkLength($_POST[‘title‘],2,‘min‘)) Tool::alertBack(‘警告:标题长度不得小于两位!‘);
if (Validate::checkLength($_POST[‘title‘],50,‘max‘)) Tool::alertBack(‘警告:标题长度不得大于五十位!‘);
if (Validate::checkNull($_POST[‘nav‘])) Tool::alertBack(‘警告:必须选择一个栏目!‘);
if (Validate::checkLength($_POST[‘tag‘],30,‘max‘)) Tool::alertBack(‘警告:tag标签长度不得大于三十位!‘);
if (Validate::checkLength($_POST[‘keyword‘],30,‘max‘)) Tool::alertBack(‘警告:关键字长度不得大于三十位!‘);
if (Validate::checkLength($_POST[‘source‘],20,‘max‘)) Tool::alertBack(‘警告:文章来源长度不得大于二十位!‘);
if (Validate::checkLength($_POST[‘author‘],10,‘max‘)) Tool::alertBack(‘警告:作者长度不得大于十位!‘);
if (Validate::checkLength($_POST[‘info‘],200,‘max‘)) Tool::alertBack(‘警告:内容摘要不得大于两百位!‘);
if (Validate::checkNull($_POST[‘details‘])) Tool::alertBack(‘警告:详细内容不得为空!‘);
if (Validate::checkNum($_POST[‘count‘])) Tool::alertBack(‘警告:浏览次数必须是数字!‘);
if (Validate::checkNum($_POST[‘gold‘])) Tool::alertBack(‘警告:消费金币必须是数字!‘);
if(isset($_POST[‘attr‘])){
$this->model->attr = implode(‘,‘,$_POST[‘attr‘]);
}else{
$this->model->attr = ‘无属性‘;
}
$this->model->title = $_POST[‘title‘];
$this->model->nav = $_POST[‘nav‘];
$this->model->tag = $_POST[‘tag‘];
$this->model->keyword = $_POST[‘keyword‘];
$this->model->thumb = $_POST[‘thumbnail‘];
$this->model->source = $_POST[‘source‘];
$this->model->author = $_POST[‘author‘];
$this->model->info = $_POST[‘info‘];
$this->model->content = $_POST[‘details‘];
$this->model->gold = $_POST[‘gold‘];
$this->model->commend = $_POST[‘commend‘];
$this->model->count = $_POST[‘count‘];
$this->model->color = $_POST[‘color‘];
$this->model->addContent() ? Tool::alert("文档发布成功!",‘?action=add‘) : Tool::alertBack(‘文档发布失败!‘);

}
$this->tpl->assign(‘add‘,true);
$this->tpl->assign(‘title‘,‘新增文档‘);
//获取联级下拉菜单
/*
* 使用<optgroup></optgroup>分组获取主菜单
* 再内容控制器内实例化导航模型
*/
//初始化一个变量
$htm = 0;
$nav = new NavModel();
//$nav->getAllChildNav();
foreach($nav->getAllNav() as $object){
$htm .= ‘<optgroup label="‘.$object->nav_name.‘">‘."\r\n";
$nav->id = $object->id;
if(!!$childNav = $nav->getAllChildNav()){
foreach($childNav as $obj){
$htm .= ‘<option value="‘.$obj->id.‘">‘.$obj->nav_name.‘</option>‘."\r\n";
}
}
$htm .=‘</optgroup>‘;
}
$this->tpl->assign(‘nav‘,$htm);
}

js验证部分
function checkAddContent() {
var fm = document.content;
if (fm.title.value == ‘‘ || fm.title.value.length < 2 || fm.title.value.length > 50) {
alert(‘警告:标题不得为空并且不得小于两位并且不得大于50位!‘);
fm.title.focus();
return false;
}
if (fm.nav.value == ‘‘) {
alert(‘警告:必须选择一个栏目!‘);
fm.nav.focus();
return false;
}
if (fm.tag.value.length > 30) {
alert(‘警告:tag标签不得大于30位!‘);
fm.tag.focus();
return false;
}
if (fm.keyword.value.length > 30) {
alert(‘警告:关键字不得大于30位!‘);
fm.keyword.focus();
return false;
}
if (fm.source.value.length > 20) {
alert(‘警告:文章来源不得大于20位!‘);
fm.source.focus();
return false;
}
if (fm.author.value.length > 10) {
alert(‘警告:作者不得大于10位!‘);
fm.author.focus();
return false;
}
if (fm.info.value.length > 200) {
alert(‘警告:内容摘要不得大于200位!‘);
fm.info.focus();
return false;
}
if (fm.details.value == ‘‘) {
alert(‘警告:详细内容不得为空!‘);
fm.details.focus();
return false;
}
if (isNaN(fm.count.value)) {
alert(‘警告:浏览次数必须是数字!‘);
fm.count.focus();
return false;
}
if (isNaN(fm.gold.value)) {
alert(‘警告:消费金币必须是数字!‘);
fm.gold.focus();
return false;
}
return true;
}





学习笔记-多数据文章页表单提交和验证-2016.4.8

标签:

原文地址:http://www.cnblogs.com/lanxiaoyu/p/5366358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!