无刷新网页表单使用
1、给表单添加验证
//注册验证
$("#myform").valid([
{ name: "reg_name", type: "text", isNull: "用户不能为空", onFocus: "请填写用户!" },
{ name: "reg_email", type: "mail", isNull: "邮箱不能为空", onFocus: "邮箱格式(*@*.*)", error: "邮箱格式不正确" },
{ name: "reg_password", type: "password", isNull: "密码不能为空", onFocus: "请填写6-18位密码", error: "请填写6-18位密码" },
{ name: "reg_confirm", type: "eq", error: "两次输入密码不一致", other: { to: "reg_password" } },
{ name: "reg_code", type: "ajax", error: "验证码不正确", other: { url: "/Handlers/RegHandler.ashx" } }
], true);
2写入ajaxForm()
//提交注册信息
function ajaxForm() {
$.ajax({
type: "POST", //设置请求发送的方式
timeout: 30000, //设置服务器请求超时时间
url: "/Handlers/UpHandler.ashx", //提交的地址
data: $("#myform").serialize(), //序列化表单元素值
beforeSend: function () {//表单提交前执行的函数
alert("text");
$("#errordiv").text("服务器超时,请稍后再试![关闭]");
$("#errordiv").hide();
$("#zzc").show();
popupDiv("popdiv");
},
error: function () {//提交发生错误的时候执行的函数
$("#infodiv").hide();
$("#errordiv").show();
},
success: function (data) {//提交成功的时候执行的函数
if (data == "success") {
$("#infodiv").hide();
$("#regsuccess").show();
setInterval(MyTimer, 1000)
} else {
$("#infodiv").hide();
$("#errordiv").text(data);
$("#errordiv").show();
}
}
});
}//)
3、后台接受采用一般处理程序
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
//如果用户直接访问handler则拒绝
if (context.Request.UrlReferrer == null)
{
context.Response.Write("请求错误!拒绝访问!");
return;
}
//获取请求来路的完整的url
string url = context.Request.UrlReferrer.AbsoluteUri;
if (!url.Contains("/CompanyDishes/DishesBooks"))
{
context.Response.Write("请求错误!拒绝访问");
return;
}
DishBook objBook = new Book()
{
CustomerName = context.Request.Params["CustomerName"],
HotelName = context.Request.Params["HotelName"],
ConsumeTime = Convert.ToDateTime(context.Request.Params["ConsumeTime"]),
CustomerPhone = context.Request.Params["CustomerPhone"],
CustomerEmail = context.Request.Params["CustomerEmail"],
ConsumePersons = Convert.ToInt32(context.Request.Params["ConsumePersons"]),
RoomType = context.Request.Params["selectRoomType"],
Comments = context.Request.Params["Comments"] == "" ? "无" : context.Request.Params["Comments"],
};
try
{
//提交数据
int count = new BookManager().AddBook(objBook);
if (count > 0)
context.Response.Write("success");
else
{
context.Response.Write("error");
}
}
catch (Exception ex)
{
context.Response.Write("提交失败!" + ex.Message);
throw;
}
}