1.validate验证插件
$(function(){
$(#frmV).validate(
{/*自定义验证规则*/
rules:{
username:{required:true,minlength:6},
email:{required:true,email:true}
},
/*错误提示位置*/
errorPlacement:function(error,element){
error.appendTo(element.siblings("span"));
}
}
)
})
2.form表单插件
$(function(){//定义一个表单提交时的对象
var options = {
url:"login.aspx",默认未form中的action,设置后便覆盖默认值
target:"#divData"将服务器返回的数据显示在id号为divdata元素中
}
$("#frmUserInfo").ajaxForm(options);//ajax的方式提交表单
})
3.cookie插件
$(function() {
if ($.cookie("UserName")) { //如果有值,则显示在文本框中
$("#UserName").val($.cookie("UserName"));
}
$("#sbtUser").submit(function() { //表单提交事件
if ($("#chkSave").attr("checked")) { //如果选中了保存"用户名"项
//设置Cookie值
$.cookie("UserName", $("#UserName").val(), {
path: "/", expires: 7
})
}
else {
//销毁Cookie值
$.cookie("UserName", null, {
path: "/"
})
}
return false; //表单不提交
})
})
$(function(){
$(#frmV).validate(
{/*自定义验证规则*/
rules:{
username:{required:true,minlength:6},
email:{required:true,email:true}
},
/*错误提示位置*/
errorPlacement:function(error,element){
error.appendTo(element.siblings("span"));
}
}
)
})
2.form表单插件
$(function(){//定义一个表单提交时的对象
var options = {
url:"login.aspx",默认未form中的action,设置后便覆盖默认值
target:"#divData"将服务器返回的数据显示在id号为divdata元素中
}
$("#frmUserInfo").ajaxForm(options);//ajax的方式提交表单
})
3.cookie插件
$(function() {
if ($.cookie("UserName")) { //如果有值,则显示在文本框中
$("#UserName").val($.cookie("UserName"));
}
$("#sbtUser").submit(function() { //表单提交事件
if ($("#chkSave").attr("checked")) { //如果选中了保存"用户名"项
//设置Cookie值
$.cookie("UserName", $("#UserName").val(), {
path: "/", expires: 7
})
}
else {
//销毁Cookie值
$.cookie("UserName", null, {
path: "/"
})
}
return false; //表单不提交
})
})
本文介绍了使用jQuery插件进行表单验证、提交及Cookie管理的方法。通过具体代码示例展示了如何实现表单验证规则、错误提示显示、表单提交处理及用户登录信息的Cookie存储与读取。
175

被折叠的 条评论
为什么被折叠?



