简单实现了一组输入框动态增减,配合jQuery Validation Plugin可以很方便的实现校验。
// 规则配置
var groupRules = [{
label: "姓名",
inputName: "name",
type: "select", // 只支持 input 和 select, 默认是input text
data: [{key:'', value:''}], // type 为 select 时配置此项
events: [{event:'', handler:function(){}}],
isHidden: false,
formatter: function(val){},
resolver: function(val){},
attributes: "required" // 标签属性,可以定义校验规则
}];
// 初始话输入框组
var inputGroup = $('#inputGroup').inputGroup({
domFormWrap: '<div class="form-horizontal"></div>',
domFormGroupWrap: '<div class="form-group"></div>',
domInputWrap: '<div class="col-sm-3"></div>',
domLabel: {cssClass: 'col-sm-2 control-label'}, // label DOM default: {cssClass: 'col-sm-2 control-label'}
domInput: {cssClass: 'form-control'}, // input DOM default: {cssClass: 'form-control'}
header: '配置', // 标题 default: ''
maxLength: 0, // 输入组的转为字符串后的最大长度 default: 0 不做验证
groupRules: groupRules, // 规则 default: null
initValues: null //初始值 default: null
});
// 获取输入框组值
var val = inputGroup.getInputValues();
var str = inputGroup.getValuesAsString();