表单

  • V1.0
  • srczh.form.js

srczh表单可以参考srczh.css中表单类型以及定义,当前 srczh.js中的表单拓展了自动类型构建、数据绑定、数据提交验证等。 要使用srczh.js中的表单功能,请在页面中引入srczh.form.js。

参数定义

src_form
id/class*form对象必须
typefm-a,fm-bsrc-form定义类型必须
sizeinp-1,inp-2,inp-3表单元素大小默认inp-2
col1,2表单列数默认1
datature,false提交是否验证默认false
tipsrc-tip,src-layer验证提示默认src-tip
submitajax提交方式非必须
callback回调函数名指定ajax提交方式后允许指定回调函数默认callback-表单名

元素说明

在使用src_form对象创建表单需要对表单元素进行功能属性定义

input

1.输入框需要使用属性placeholder或title定义标题

2.使用icon指定图标,允许前后两个。如icon="i1,i2",只使用后面1个可以icon=",i2"

checkbox

1.checkbox元素使用srczh.css样式需指定class="ck-inp",使用src-swh开关模式只需指定pclass='swh-1'或'swh-2'

2.使用属性title定义标题

3.使用label定义选择正文

radio

1.radio元素使用srczh.css样式需指定class="rd-inp"

2.使用属性title定义标题

3.使用label定义选择正文

select

需要使用属性title定义标题

textarea

需要使用属性title定义标题

表单验证

验证属性
formdatatrue,false控制该表单是否验证
formtypeajax是否ajax提交
inputdata_typeint输入必须是整数
float输入是小数数字
string输入是字符串
date输入是日期
datetime输入是日期时间
time输入是时间
email输入是邮箱
tel输入是电话
mobile输入是手机号
email输入是邮箱
url输入网址
cardID输入是身份证号
radiodata_typeradio单选按钮
checkboxdata_typecheckbox多选按钮
selectdata_typeselect下拉选择框
filedata_typefile文件上传
输入长度data-size*,*-*数据长度非必须,允许格式单个数值或最小-最大两个数值
辅助提示sigtrue,false控制该属性是否添加sig标识提示

自定义表单

使用表单类别 fm-a,fm-b 定义一个表单。

	
					

使用src_form创建 1列, fm-a样式表单 带验证

					 var ps={id:'forma',type:"fm-a",size:"inp-2",col:1,tip:"tips",submit:"ajax",data:true};
					 new src_form(ps);
					

同样表单元素创建fm-b样式

					//使用src_form创建 2列 ,fm-b样式表单带验证	
					 var ps={id:'***',type:"fm-b",size:"inp-2",col:2,tip:"layer",submit:"ajax",data:true};
					 new src_form(ps);
					
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司