[TOC]
#### form表单格式
* from 对应的id
* input 对应的name
* button
**变量:**
this.extraData={} //扩展值
**方法:**
this.validError=>();
this.validSucess=>();
this.submitBefore=>();
this.successHandler=>();
setDebug(true); //调试模式
*****
**jquery-plugin-validate**
[http://www.runoob.com/jquery/jquery-plugin-validate.html](http://www.runoob.com/jquery/jquery-plugin-validate.html)
[https://www.cnblogs.com/linjiqin/p/3431835.html](https://www.cnblogs.com/linjiqin/p/3431835.html)
*****
**验证样式**
在元素 class 加上 me-validate
*****
**自定义提示位置**
me-validate-flag="1"
me-validate-flag
~~~
<div class="col-sm-3 me-validate">
<div class="input-group mar-btm">
<input type="number" me-validate-flag="1" >
</div>
<div class='me-validate-flag'></div>
</div>
~~~
*****
**Ajax发送前,添加扩展数据**
~~~
fv.submitBefore=function(){
fv.extraData = {
sku:skuTable.tableData
}
}
~~~
*****
```
<form id="signupForm1" method="post" class="form-horizontal" action="">
<div class="form-group me-validate">
<label class="control-label item-label" for="firstname">First name</label>
<div>
<input type="text" class="form-control" id="username" name="username" placeholder="username" />
</div>
</div>
<div class="form-group">
<div class="col-sm-9 col-sm-offset-4">
<div type="submit" class="btn btn-primary" name="signup" value="Sign up"
id="btn-SU"
url="{:url('Index/saveData')}"
>Sign up</div>
</div>
</div>
</form>
```
```
var fv = new FormValidate("#btn-SU");
//fv.setDebug(true);
fv.setRules({
username: {
required: true,
minlength: 2
},
});
fv.setMessages({
username: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
}
})
fv.submitBefore=function(){
var sku_value = [];
for(var i=0;i<sku.sku_key.length;i++){
sku.sku_key[i].sort = i;
var attr_name = sku.sku_key[i].name;
for(var j=0;j<sku.sku_value[i].length;j++){
sku.sku_value[i][j]['attr_name'] = attr_name;
}
}
fv.extraData = {
sku_name:sku.sku_key,
sku_value:sku.sku_value,
sku_items:skuTable.tableData
}
}
fv.successHandler=function(){
ME.PageBeforeunload(false);
}
// fv.unRedirect() //不跳转页面.
fv.submit('{:url("add")}')
```
- 序言
- 数据库操作
- 自定义数据操作
- DBCreate
- DBUpdate
- DBList
- DBDelete
- 事务
- 插入数据
- 更新数据
- 验证场景
- ✦事务队列✦
- DBWhere
- 分页
- 分类
- 新增分类
- 编辑分类
- 删除分类
- 分类数据
- Excel
- 数据验证
- 自定义验证类
- Where技巧
- 标签和文章
- tag数据库
- TagManager
- 标签管理页面
- 标签列表页
- 新增标签
- 编辑标签
- 删除标签
- 标签&文章
- 新建标签文章
- 更新标签文章
- 删除标签文章
- 界面
- 【官方】ME.js
- 【官方】jquery-mini-enjoy.js
- bootstrap
- 前端错误页面模板
- 后台界面
- 后台页面模板框架
- 后台左边菜单
- 后台页面控制
- Search表单
- 基础界面
- Panel-Tab
- Panel-Tab基础
- 前端
- IOS禁止页面滚动
- layer技巧
- JS中通过LayUI弹出文本输入层,多个按钮回调
- 表单-Ajax
- token
- 表单验证+Ajax提交
- 前端验证
- 后端验证
- ajax
- checkbox 全选
- ajaxUploader
- ajaxText
- ajax-get
- ajax-input
- 文章
- CRM
- 用户模块
- User
- LoginData
- UserLogin
- UserUpdate
- 商城
- 商品表+SKU
- 购物车
- 订单
- 创建订单-来至于购物车
- 创建订单-来至于立即购买
- 取消订单
- 卡券
- 卡券数据库
- 插件
- 单图片上传插件
- search 搜索插件
- 富文本编辑器
- 表单零部件
- 单文件上传
- Form表单插件
- 隐藏表单
- 标题文字单行
- 文本
- 下拉框select
- CheckBox
- 单图片
- textarea
- 文件上传
- 颜色选择器
- 标签
- 微信
- jssdk
- 自定义回复
- 网页授权流程
- 网页授权
- 用户信息
- 公众号对接配置
- 第三方类库
- VUE库
- php 第三方
- H5库
- 小程序
- 消息队列 Beanstalkd
- API-3
- chrome-开发
- 采集QueryList
- moment.php
- Helper类库
- PageHistory
- FileWeChat
- Text
- Mini-Enjoy
- TODO-LIST
- 视频
- CSS
- 技术文章
- 【shop】订单延时
- IDE&工具
- system
- 路由
- swoole
- 关闭守护进程
- 基于swoole的定时器程序,支持秒级处理
- 测试
- 客户端
- 服务器端
- 入门篇
- 环境搭建及扩展安装
- Swoole的Task使用以及swoole_client
- Timer定时器、心跳检测及Task进阶实例:mysql连接池
- Swoole多端口监听、热重启以及Timer进阶:简单crontab
- Swoole的自定义协议功能的使用
- 命令行模式
- 控制台命令
- 使用Console命令、快捷方式和内建命令
- 理解控制台参数是如何被操作的
- 如何使用提问
- 如何对命令行进行彩色和样式输出
- ★如何从控制器中调用一个命令★
- 控制台输出(参数和选项)
- 冗长级别
- 自定义命令
- RestAPI
- 设计规范
- API
- 商品分类+数据
- [小程序]-新增用户登录
- 外卖平台
- 设计
- 扩展
- SSL
