首页 > 学院 > 开发设计 > 正文

MVC异步与校验

2019-11-08 19:52:09
字体:
来源:转载
供稿:网友

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

3.校验

引入三个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; }    }


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表