mvc4 ajax.beginform表单验证

@{
    Layout = null;
}
@model MvcApplication1.Models.User
@using (Ajax.BeginForm("create", "user", new AjaxOptions
{
    UpdateTargetId = "bform",
    HttpMethod = "post",
    OnSuccess = "success"
}))
{
    <div id="divForm">
        <span>@Html.LabelFor(m => m.UserName)</span>
        <span>@Html.TextBoxFor(m => m.UserName)</span>
        <span>@Html.ValidationMessageFor(m => m.UserName)</span>
        <span style="display:block;">
            <input type="submit" value="提交" /></span>
    </div>
    <div id="bform">

    </div>
}
<link type="text/css" rel="Stylesheet" href="@Url.Content("~/content/site.css")" />
<script src="@Url.Content("~/Scripts/jquery-1.8.3.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.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    function success(data) {
        $("#bform").html(data);
    }
</script>

引用的文件:一个是CSS,一个是jquery,其它三个JS是必须引用的。

时间: 2025-01-02 13:25:18

mvc4 ajax.beginform表单验证的相关文章

Ajax.BeginForm表单重复提交

今晚在做模块开发的时候,页面的js引用会导致重复: 今晚,在检查一个已经写好的表单的时候,发现Ajax.BeginForm,会重复提交表单,post方法能执行好几次,这个时候,建议大家去检查下,父页面,或者子页面的js引用的文件,有没有重复引用“jquery.unobtrusive-ajax.js” 或者是min的: 虽然说的不是很多,就是希望大家,别像我一样粗心:

基于PHP+Ajax实现表单验证的详解

一,利用键盘响应,在不刷新本页面的情况下验证表单输入是否合法 用户通过onkeydown和onkeyup事件来触发响应事件.使用方法和onclick事件类似.onkeydown表示当键盘上的键被按下时触发,onkeyup和它正好相反,当键盘上的键被按下又抬起时触发. 两种常用调用方法: (1)将事件添加到页面元素中,当用户输入完信息后,单击任意键,onkeydown事件被触发,并调用refer()函数. 这种方法最简单,最直接,格式如下: 代码如下: <script type="text/

AJAX(表单验证)/JSON之一

## 什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). 1. 异步通信:浏览器利用独立的线程与服务器进行通信,交换少量信息. 2. 局部刷新:不更新全部页面,只对页面的局部进行更新. ## Ajax的优点 相对表单提交,全部页面更新来说: 1. 异步通信流量少,网络延迟少,用户体验好. 2. 局部刷新,只更新局部信息,避免了全部页面刷新,提升了用户体验. ## 如何进行异步通信 说明:浏览器中提供了异步通信

jquery+ajax+form表单验证

$().ready(function() { $("#publishForm").validate({ onsubmit:true,// 是否在提交是验证 onfocusout:false,// 是否在获取焦点时验证 onkeyup :false,// 是否在敲击键盘时验证 rules: { username: { required: true, maxlength: 100 }, conbox: { required: true, maxlength: 140 } }, messag

简单用JQ+PHP+Ajax实现表单验证用户名及密码

<html><head> <meta charset="utf-8"> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="a.js"></script> <styl

ajax实现登陆表单验证功能

ajax实现登陆表单验证功能:使用ajax进行表单登陆验证功能更为的人性化,下面提供一个表单验证的实例代码,代码较为简单,仅仅作为演示之用而已,多实用的ajax表单验证功能都较为复杂.下面分布分出代码:一.静态页面表单部分代码: <script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script> <scri

tp框架表单验证 及ajax

之前的表单验证都是用js写的,这里也可以使用tp框架的验证.但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降. 自动验证是ThinkPHP模型层提供的一种数据验证方法,可以在使用create创建数据对象的时候自动进行数据验证.验证的代码要写在模型层即Model里面. 数据验证有两种方式: 静态方式:在模型类里面通过$_validate属性定义验证规则.静态方式定义好以后其它地方都可以使用. 动态方式:使用模型类的validate方法动态创建自动验证规

Validator验证Ajax提交表单的方法

当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form在同一个页面的情况,但是提交一个表单以后不想页面刷新或者跳转,那么我们考虑到的就是Ajax提交表单,那么如何让Jquery的validator插件也可以对异步提交的表单进行验证呢?我们继续往下看. 在这里,我就用网络上的一个例子来说明好了. 下面是一个比较常见的jquery .ajax提交表单的写法 Js代码   $("#submitButton").click(function(){ //序列化表单 var param = 

ajax和servlet交互,表单日历插件,表单验证,form.js

我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID</td> <td>姓名</td> <td>地址</td> </tr> </table> </body> 我的servlet: response.setContentType("text/html;char