MVC添加分布视图做唯一验证

Model里的代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace MvcApplication5.Models
{
    public class zhuceBF
    {
        private MyDBDataContext _context = new MyDBDataContext();
        //定义一个Bool类型的查询方法
        public bool Select(string id)
        {
            var query = _context.zhuce.Where(P=>P.ID==id);
            return query.Count() > 0;
        }
    }
}


这是控制器里的代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MvcApplication5.Models;
namespace MvcApplication5.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

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

        //这里查询后返回一个部分视图
        public ActionResult Check(string id)
        {
            bool isok = new zhuceBF().Select(id);
            return PartialView(isok);
        
        }

    }
}


这是主视图代码

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        @Html.TextBox("ID") <input id="Button1" type="button" value="唯一验证" onclick="yanzheng()"  />
        <div id="ss"></div>  @* 部分视图在这个div显示*@
    </div>
</body>
</html>
<script src="~/jquery-1.11.2.min.js"></script>
<script type="text/javascript">

    //当点击唯一验证的时候，触发这个函数，并指向Home控制器里的Check动作，在Check动作里会返回一个部分视图，
    //视图就会在Id名是ss的div里
    function yanzheng() {
        var a = $("#ID").val();
        $("#ss").load("/Home/Check/" + a);
    }
    </script>

部分视图代码

@model bool
@if(Model)
{
    <div>无效</div>
}
else
{
     <div>可以使用</div>
}

 

posted @ 2015-07-14 12:44  zhenximeiyitian  阅读(222)  评论(0)  编辑  收藏  举报