1.Ajax.BeginForm
前端頁面:必須引入js
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script> function Success(obj) { $('#result').val(obj.Sum); } </script>@using (Ajax.BeginForm("CalcAdd1", "home", new AjaxOptions()//默認的post請求 { OnSuccess = "Success"//回調函數名字 })) { <input type="text" name="calc1"/> <span>+</span> <input type="text" name="calc2"/> <input type="submit" value="="/> <input type="text" id="result"/> }控制器:public ActionResult CalcAdd1(int calc1, int calc2) { int sum = calc1 + calc2; var temp = new { Sum=sum }; return Json(temp,JsonRequestBehavior.AllowGet); }2、異步-》兩種方式:使用jquery的異步方法;使用AjaxHelper-》行為的返回值:如果返回純文件,使用Content("");如果返回Json對象,使用Json(obj,...)
AjaxOptions | HTML attribute |
Confirm | data-ajax-confirm |
HttpMethod | data-ajax-method |
InsertionMode | data-ajax-mode * |
LoadingElementDuration | data-ajax-loading-duration ** |
LoadingElementId | data-ajax-loading |
OnBegin | data-ajax-begin |
OnComplete | data-ajax-complete |
OnFailure | data-ajax-failure |
OnSuccess | data-ajax-success |
UpdateTargetId | data-ajax-update |
Url | data-ajax-url |
引入三個JS
<script src="~/Scripts/jquery-1.7.1.min.js"></script> <script src="~/Scripts/jquery.validate.min.js"></script> <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
[Required]是否為空[StringLength]字符串長度[Range]字符串范圍[RegularExPRession]屬性ErrorMessage:指定錯誤提示信息
在View的頁面中,首先指定頁面強類型@model 類型使用Html.***For(model=>model.Property)生成表單,這些表單元素中就會包含校驗規則屬性引用jquery、jquery校驗、jquery隱式校驗3個組件通過Html.EnableClientValidation(true);控制客戶端驗證的啟用與禁用(mvc3中自動開啟)使用Html.ValidationMessageFor(…)顯示校驗信息,也可以使用Html.ValidationSummary()統一顯示點擊提交按鈕轉到后臺Action,使用ModelState.IsValid判斷前臺驗證是否成功,如果返回true表示驗證成功
@using (Html.BeginForm("Add", "Person", FormMethod.Post)) { @Html.TextBoxFor(p=>p.Id) @Html.ValidationMessageFor(p=>p.Id)//輸出錯誤信息 <br/> @Html.TextBoxFor(p=>p.Name) <br/> <input type="submit" value="添加"/> }public class Person { [Required(ErrorMessage = "不能為空")] [Range(10,100,ErrorMessage = "必須是10-100間的值")] public int Id { get; set; } public string Name { get; set; } }
新聞熱點
疑難解答