1.validate 验证
(1)required:必填字段
<input type="text" id="text1" required/>
(2)email:验证邮箱格式,支持很多形式的邮箱
<input type="email" id="email" required/>
(3)url:验证网址,形如http://www.baidu.com不支持不在前面加http的形式
<input type="url" id="url" required/>
(4)maxlength:输入字符的最大长度
<input type="text" maxlength="5" required/>
(5)rangelength[ ]:输入5-10个字符
<input type="text" id="rangelength" rangelength="[5,10]"/>
验证的第二种写法:可以在表单中进行验证
2.accordion 折叠
依据标题h和内容p来自动选择折叠
$("#div1").accordion();
header:定义以哪个标签来折叠
event:定义折叠的事件。例如:mouseover,鼠标移上去就可以进行折叠
animate:定义是否有动画。默认true有动画
disable:禁用折叠
destory:销毁折叠
3.autocomplete
预选框
$(function () {
var content = [
"华",
"华点",
"欢迎来到华点"
];
$("#text1").autocomplete({
source: content
});
});
4.growl
提示框
title:消息提示的标题
message:消息提示的内容
①
$("#btn1").click(function(){
$.growl({title:"消息提示",message:"消息内容"});
});
②notice
$("#btn2").click(function(){
$.growl.notice({title:"消息提醒",message:"消息内容"});
});
③warning
$("#btn3").click(function(){
$.growl.warning({title:"消息警告",message:"消息内容"});
});
④error
$("#btn4").click(function(){
$.growl.error({title:"消息错误",message:"消息内容"});
});