哇哈哈，巨大家优良呀！今天我要给巨大家介绍一个超级优良用的东西，叫ZuoJSForm。听起来是不是hen厉害的样子？别急，听我磨蹭磨蹭道来保证让你觉得表单开发原来Neng这么轻巧松！

啥是JSForm呢？

JSForm就是一个用JavaScript写的表单框架， 就像是给我们给了一个超级有力巨大的工具箱，让我们Neng不用那么费劲地Zuo表单了。就像是那些个巨大侠，有了宝剑就Neng轻巧松打怪升级一样，我们有了JSForm，就Neng轻巧松实现高大效表单开发啦！

kankan这段代码，是不是hen轻巧松？

var form = new JSForm('#form-container',{
    fields: ,
    submitButton: '提交',
    style: {
        form: {
            marginBottom: '20px',
            backgroundColor: '#f9f9f9',
            border: '1px solid #ddd',
            padding: '20px'
        },
        field: {
            marginBottom: '10px',
            width: '%'
        },
        label: {
            display: 'inline-block',
            width: '100px'
        },
        input: {
            padding: '5px',
            border: '1px solid #ccc',
            borderRadius: '3px'
        },
        button: {
            backgroundColor: '#',
            color: '#fff',
            border: 'none',
            borderRadius: '3px'
        }
    }
});

这段代码是不是kan起来有点像天书啊？哈哈，别担心，我来说明白说明白。这里我们创建了一个表单， 给它起名叫form，然后告诉它在哪里就是#form-container这玩意儿位置。接着，我们定义了一些样式，比如表单的边距、背景颜色、边框等等。是不是觉得有点像画画呢？我们就是在给表单画一个漂亮的壳壳哦！

表单数据验证，关键关键关键！

表单数据验证就像是给表单加上了一层护着罩，保证用户输入的数据dou是正确的。JSForm也给了这玩意儿功Neng，我们Neng在创建表单字段的时候，添加一些验证规则。比如说用户名要4到20个字符，邮箱要正确等等。

fields: 
}, {
    label: '邮箱',
    type: 'email',
    name: 'email',
    required: true,
    rules: 
}]

这里我们定义了两个字段， 一个是用户名，一个是邮箱。用户名要求是4到20个字符，邮箱要求是正确的邮箱地址。这样，用户输入的数据就会经过检查，不符合要求的话，就会提示用户沉新鲜输入哦！

表单样式，美美哒！

表单的样式也是非常关键的，优良kan的表单让人kan着心情dou优良呢！JSForm给了许多种预设样式，也Neng自定义样式。这样我们就Neng让表单变得美美哒，符合我们的审美观啦！

布局，随心所欲！

不同的表单兴许需要不同的布局，JSForm也给了许多种布局方式。我们Neng通过设置layout属性来切换布局，比如水平布局、垂直布局等等。甚至，我们还Neng自定义布局，满足各种需求。

var form = new JSForm('#form-container',{
    fields: ,
    submitButton: '提交',
    layout: 'horizontal'
});

这里我们用了horizontal布局，也就是水平布局。JSForm还给了vertical和inline两种布局，Neng根据实际情况来选择哦！

怎么样，听了我的介绍，是不是觉得JSForm真实的hen厉害呢？有了它， 表单开发变得轻巧松许多了我们Neng把geng许多的时候用在业务逻辑的实现上，让我们的Web应用程序geng加出色！