https://github.com/howiefh/input-group

Input Group
https://github.com/howiefh/input-group

input-group

Last synced: 12 months ago
JSON representation

Input Group

• Host: GitHub
• URL: https://github.com/howiefh/input-group
• Owner: howiefh
• Created: 2016-11-06T09:37:59.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-07-18T02:50:36.000Z (almost 7 years ago)
• Last Synced: 2025-04-09T18:02:53.735Z (about 1 year ago)
• Topics: input-group
• Language: JavaScript
• Homepage: https://howiefh.github.io/input-group/
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 输入框组

简单实现了一组输入框动态增减，配合[jQuery Validation Plugin](https://jqueryvalidation.org/)可以很方便的实现校验。

[demo](https://howiefh.github.io/input-group/demo.html)

## 配置和使用

```

// 规则配置

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: '
',

    domFormGroupWrap: '
',

    domInputWrap: '
',

    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();

```