html 注册插件,jquery注册验证插件Ideal Forms

插件描述：Ideal forms，这个表单美化架构简单，基于jQuery框架，能够帮助web开发人员快速创建漂亮和界面友好的表单组件。

特点

当场验证

完全自适应(适应的容器，没有CSS媒体查询需要)

键盘支持

自定义复选框，文件输入

自定义无缝jQuery UI的日期选择器

支持第三方扩展

本土化

设置

加载最新的jQuery库

加载CSS / jquery.idealforms.css样式表

加载JS /输出/ jquery.idealforms.min.js插件

要本地化的理想形式加载从相应的文件js/i18n。

将图像加入文件夹中，并确保路径是正确的

为了更好的IE浏览器的支持，取代打开HTML标签带：

选项defaults  =  {

field :  '.field' ,

error :  '.error' ,

iconHtml :  '' ,

iconClass :  'icon' ,

invalidClass :  'invalid' ,

validClass :  'valid' ,

silentLoad :  true ,

onValidate :  $ . noop ,

onSubmit :  $ . noop ,

rules :  {},

errors :  {}

}

field

现场容器的自定义标记。

error

自定义标记错误的容器。

iconHtml

作为图标使用该元素。设置为false 禁用图标。

iconClass

该图标类的元素。

invalidClass

将添加到无效字段的类。

validClass

这个类将被添加到有效的领域。

silentLoad

初始化的形式默默，否则焦点的第一个无效的输入。

onValidate(input, rule, valid)

回调是一个输入的尝试来验证之后运行。

input：输入被验证

rule：对输入进行验证的规则。

valid：布尔值。它是否验证？

例如：$('form').idealforms({

onSubmit: function(invalid, e) {

e.preventDefault();

if (invalid) {

alert(invalid +' fields!');

} else {

$.post('save.php', this.$form.serialize(), function(response) {

// do something with response

}, 'json');

}

}

});

标记

您可以快速使用的理想形式“默认标记开始：

Username:

Picture:

Sex:

Male

Female

Hobbies:

Football

Basketball

Dancing

Options:

– Select an option –

One

Two

Comments:

Submit

标记与规则

您可以通过添加规则来标记，使用构建简单形式的数据idealforms -规则属性：

Username:

Hobbies:

A

B

C