<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ValidateMySelf.aspx.cs" Inherits="ValidateMySelf" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <mce:style type="text/css"><!-- label.error{background:url(content/images/onError.gif) no-repeat; padding-left:18px; } label.checked{ background:url(content/images/onCorrect.gif) no-repeat; padding-left:18px; } --></mce:style><style type="text/css" mce_bogus="1"> label.error{background:url(content/images/onError.gif) no-repeat; padding-left:18px; } label.checked{ background:url(content/images/onCorrect.gif) no-repeat; padding-left:18px; } </style> <mce:script type="text/javascript" src="jquery-1.3.2.min.js" mce_src="jquery-1.3.2.min.js"></mce:script> <mce:script src="scripts/Serialize.js" mce_src="scripts/Serialize.js" type="text/javascript"></mce:script> <mce:script src="scripts/jquery.validate.js" mce_src="scripts/jquery.validate.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- $.validator.methods.equal = function(value, element, param) { return value == $(element).closest("form").find("#" + param).val(); }; // $.validator.addMethod("buga", function(value) { // return value == "buga"; // }, 'Please enter "buga"!'); var mycount = 1; function CheckForm(mycount) { var obj = "#myform" + mycount; $(obj).validate({ focusInvalid: false, success: function(label) { label.html(" ").addClass("checked"); }, rules: { UserName: { required: true // , // buga: "buga" }, Password: { required: true }, Password2: { required: true, equal: "Password" }, Email: { required: true, email: true } }, messages: { UserName: { required: "请输入招聘联系人" // , // buga: "输入用户名错误" }, Password: { required: "请选择所属行业" }, Password2: { required: "请确认密码", equal: "两次秘密不一致" }, Email: { required: "请选择公司性质", email: "请选输入Email" } }, errorPlacement: function(error, element) { $(obj).find("span[name='v" + element.attr("name") + "']").html(error); $(obj).find("span[name='v" + element.attr("name") + "']").show(); }, submitHandler: function() { SubmitForm(mycount); } }) } function SubmitForm(mycount) { var jsonInfo = JSON.stringify($("#myform" + mycount).serializeObject()); var redata = "action=submitform&TestForm=" + jsonInfo; jQuery.ajax({ data: redata, type: "POST", url: "Handler.ashx", dataType: "json", success: function(msg) { if (msg.Status) { alert("chenggongla"); } else { alert("注册失败,帐号应为shj密码:880101"); } } }) } function AddFrom(obj) { mycount++; var redata = "action=addform&count=" + mycount; jQuery.ajax({ data: redata, type: "POST", url: "Handler.ashx", dataType: "json", success: function(msg) { if (msg.Status) { $("#userinfo").append(msg.msg); } else { alert("失败"); } } }) } function SubmitAll() { var isCheckAll=true; var forms = $("#userinfo form"); alert(forms.length); for (var i = 0; i < forms.length; i++) { alert($(forms[i]).valid()); if (!$(forms[i]).valid()) { isCheckAll = false; } } if (isCheckAll) { for (var i = 0; i < forms.length; i++) { SubmitForm(i + 1); } } else { return false; } } // --></mce:script> </head> <body> <div id="userinfo"> <form id="myform1" > <div > UserName:<input type="text" name="UserName" /><span name="vUserName" class="validate"></span><br /> Password:<input type="password" name="Password" id="Password"/><span name="vPassword" class="validate"></span><br /> againpwd:<input type="password" name="Password2" /><span name="vPassword2" class="validate"></span><br /> Email:<input type="text" name="Email"><span name="vEmail" class="validate"></span><br /> <mce:script type="text/javascript"><!-- CheckForm(mycount); // --></mce:script> <input type="submit" class="submit" value="Submit" /> </div> </form> </div> <a href="javascript:void(0)" mce_href="javascript:void(0)" id="AddForm" οnclick="AddFrom()">添加form </a> <input type="button" class="submit" value="SubmitAll" οnclick="SubmitAll()" /> </body> </html> 后台处理代码 using System; using System.Data; using System.Configuration; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using Newtonsoft.Json; using System.Text; /// <summary> ///UserServices 的摘要说明 /// </summary> public class UserServices { public UserServices() { // //TODO: 在此处添加构造函数逻辑 // } public static string RegUser() { HttpContext context = HttpContext.Current; string data = context.Request["TestForm"]; JsonSerializerSettings settings = new JsonSerializerSettings(); settings.NullValueHandling = NullValueHandling.Ignore; UserEntity entity = null; entity = JsonConvert.DeserializeObject<UserEntity>(data, settings); if (entity.UserName == "shj" && entity.Password == "880101") { return JsonConvert.SerializeObject(new { Status = true }); } else { return JsonConvert.SerializeObject(new { Status = false }); } } public static string Test() { HttpContext context = HttpContext.Current; string data = context.Request["TestForm"]; JsonSerializerSettings settings = new JsonSerializerSettings(); settings.NullValueHandling = NullValueHandling.Ignore; TypeData type = null; type = JsonConvert.DeserializeObject<TypeData>(data, settings); if (type.Hidden == "hiddenvalue") { return JsonConvert.SerializeObject(new { ResumeId = "123" }); } else { return JsonConvert.SerializeObject(new { ResumeId = "124" }); } } public static string AddForm() { HttpContext context = HttpContext.Current; int count = int.Parse(context.Request["count"]); StringBuilder printer = new StringBuilder(); printer.AppendFormat("<form id=/"myform{0}/" ><div>UserName:<input type=/"text/" name=/"UserName/" /><span name=/"vUserName/" class=/"validate/"></span><br />",count); printer.Append("Password:<input type=/"password/" name=/"Password/" id=/"Password/"/><span name=/"vPassword/" class=/"validate/"></span><br />"); printer.Append("againpwd:<input type=/"password/" name=/"Password2/" /><span name=/"vPassword2/" class=/"validate/"></span><br />"); printer.Append("Email:<input type=/"text/" name=/"Email/"><span name=/"vEmail/" class=/"validate/"></span><br />"); printer.Append("<mce:script type=/"text/javascript/"><!-- ") ; printer.Append("CheckForm(mycount)"); printer.Append(" // --></mce:script>"); printer.Append("<input type=/"submit/" class=/"submit/" value=/"Submit/" />"); printer.Append("</div></form>"); return JsonConvert.SerializeObject(new { Status = true, msg = printer.ToString() }); //return string.Format("({{'result':'true','msg':'{0}'}})", printer.ToString()); } }