本文介绍如何使用jQuery进行表单验证，并提供了一些示例代码来展示如何设置必填项、电子邮件格式等验证规则。此外，还介绍了如何创建自定义的jQuery插件以实现导航菜单的下拉效果。
1. validate验证表单插件
$("form").validate();
class ="required" //必填项
class= "email" //email格式
class="minlength=2" //最小长度为2
class="url" //url格式
2. 自定义插件
(function ($) {
$.extend({ //全局插件
"nav": function () {
$(".nav").css({
"list-style": "none",
"margin": 0,
"padding": 0,
"display": "none"
});
$(".nav").parent().hover(function () {
$(this).find(".nav").slideDown("normal");
}, function () {
$(this).find(".nav").stop().slideUp("normal");
})
}
});
})(jQuery);
(function ($) { //局部插件
$.fn.extend({
"nav": function (color) {
$(this).find(".nav").css({
"list-style": "none",
"margin": 0,
"padding": 0,
"display": "none"
"color": color,
});
$(this).find(".nav").parent().hover(function () {
$(this).find(".nav").slideDown("normal");
}, function () {
$(this).find(".nav").stop().slideUp("normal");
})
return this; //实现连缀。
}
});
})(jQuery);
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
