Validate和Bootstrap1

Validate和Bootstrap插件详解 Validate插件是 jQuery的一个插件，依赖 jQuery 使用，Validation 是历史最悠久的 jQuery 插件之一，经过了全球范围内不同项目的验证，并得到了许多 Web 开发者的好评。作为一个标准的验证方法库，Validation 拥有以下特点： 1. 内置验证规则：拥有必填、数字、Email、URL 和信用卡号码等 19 类内置验证规则。 2. 自定义验证规则：可以很方便地自定义验证规则。 3. 简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认的提示信息的功能。 4. 实时验证：可能通过 keyup 或 blur 事件触发验证，而不仅仅在表单提交的时候验证。 使用 Validate 插件需要遵循以下步骤： 1. 导入 jQuery 文件。 2. 导入 validate.js 文件。 3. 页面加载成功后，对表单进行验证。 4. 在 validate 中编写校验规则。 在 validate 中编写校验规则时，可以使用以下方法： 1. required:true：必输字段。 2. remote:"check.php"：使用 Ajax 方法调用 check.php 验证输入值。 3. email:true：必须输入正确格式的电子邮件。 4. url:true：必须输入正确格式的网址。 5. date:true：必须输入正确格式的日期，日期校验 ie6 出错，慎用。 6. dateISO:true：必须输入正确格式的日期（ISO），例如：2009‐06‐23，1998/01/22，只验证格式，不验证有效性。 7. number:true：必须输入合法的数字（负数，小数）。 8. digits:true：必须输入整数。 9. creditcard：必须输入合法的信用卡号。 10. equalTo:"#field"：输入值必须和 #field 相同。 11. accept：输入拥有合法后缀名的字符串（上传文件的后缀）。 12. maxlength:5：输入长度最多是 5 的字符串（汉字算一个字符）。 13. minlength:10：输入长度最小是 10 的字符串（汉字算一个字符）。 14. rangelength:[5,10]：输入长度必须介于 5 和 10 之间的字符串（汉字算一个字符）。 15. range:[5,10]：输入值必须介于 5 和 10 之间。 16. max:5：输入值不能大于 5。 17. min:10：输入值不能小于 10。 例如： ``` $(function(){ $("#formId").validate({ rules:{ //1.校验元素的name属性 username:"校验器" 使用单一的校验器 //2.校验元素的name属性 password:"required" 使用内置的校验器 } }); }); ``` 在上面的例子中，我们使用了 validate 插件对表单进行了验证，并且使用了规则来校验元素的值。 Bootstrap 是一个前端框架，提供了很多有用的组件和插件，可以帮助我们快速构建 Web 应用程序。Bootstrap 的栅格系统可以帮助我们快速布局页面，Bootstrap 的排版系统可以帮助我们快速排版页面，Bootstrap 的表单系统可以帮助我们快速构建表单，Bootstrap 的组件可以帮助我们快速构建页面。 掌握 Validate 插件的使用可以帮助我们快速构建验证系统，掌握 Bootstrap 的栅格系统、排版系统、表单系统和组件可以帮助我们快速构建 Web 应用程序。