码迷,mamicode.com
首页 > Web开发 > 详细

MVC Ajax Form & Ajax Valida(笔记)

时间:2014-08-18 10:39:53      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   io   文件   

1、引入必要的文件

    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

2、Ajax From & Ajax Valida

@using (Ajax.BeginForm("ajax", "home", new AjaxOptions() { UpdateTargetId = "ajaxResult", OnComplete = "return OnComplete()", OnBegin = "return OnBegin();", Confirm = "要提交?", OnFailure = "return OnFailure();", OnSuccess = "OnSuccess" }))
{    
    
    

    <text>Name:</text><input type="text" id="name" name="name" data-val="true" data-val-required="Name 是必填项." />
    <span class="field-validation-valid" data-valmsg-for="name" data-valmsg-replace="true" style="font-size:large; color:blue;"></span>
    
    <br />
    <text>Age:</text><input type="text" id="age" name="age" data-val="true" data-val-required="Age 是必填项." data-val-digits="输入合法数字."/>
    <div class="field-validation-valid" data-valmsg-for="age" data-valmsg-replace="true"></div>
    <br />
     <text>Email:</text><input type="text" id="email" name="email" data-val="true" data-val-email="Email格式不正确."/>
    <div class="field-validation-valid" data-valmsg-for="email" data-valmsg-replace="true"></div>
    <br />
    <input type="submit" value="Ajax提交" />
    <br />

}
<div id="ajaxResult">
</div>
<script>

    function OnComplete() {
        alert("OnComplete 事件");
    }
    function OnBegin() {
        alert("OnBegin 事件");
    }
    function OnFailure() {
        alert("OnFailure 事件 - ajax请求失败");
    }
    function OnSuccess(data) {
        alert("ajax 请求成功返回的数据:" + data);
    }

</script>

3、Controllers

        public ActionResult AjaxForm()
        {
            return View();
        }

        [HttpPost]
        public ActionResult ajax(string name, string age)
        {
            //throw new Exception("内部抛出了异常");
            return PartialView("AjaxFromControl", new AjaxModel() {  Name = name, Age = age});
        }

 

MVC Ajax Form & Ajax Valida(笔记),布布扣,bubuko.com

MVC Ajax Form & Ajax Valida(笔记)

标签:style   blog   http   color   java   os   io   文件   

原文地址:http://www.cnblogs.com/zhouzhaokun/p/3918914.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!