jquery.validationEngine Ajax

1.添加引用

<link href="/Content/validationEngine.jquery.css" rel="stylesheet" />
    <script src="/Scripts/jquery-1.8.2.min.js"></script>
    <script src="/Scripts/jquery.validationEngine-zh_CN.js"></script>
    <script src="/Scripts/jquery.validationEngine.js"></script>

2.form表單

<script type="text/javascript">
    $(document).ready(function () {
        $("#index").validationEngine();
    });
</script>

 

3.表單元素添加屬性，ajax[ajaxUserCall]

@using (Html.BeginForm("Index", "User", FormMethod.Post, new { id = "index" }))
{
    <input id="user" name="user" type="text" value="" class="validate[required,ajax[ajaxUserCall]]" />
    <input type="text" value="" class="validate[required]" />
    <input type="submit" value="提交" class="validate[required]" />
}

4.修改ajaxUserCall的請求地址，/User/CheckInfo

"ajaxUserCall": {
                    "url": "/User/CheckInfo",
                    // you may want to pass extra data on the ajax call
                    "extraData": "name=eric",
                    "alertText": "* 此名稱已被其他人使用",
                    "alertTextLoad": "* 正在確認名稱是否有其他人使用，請稍等。"
                },

 

5.後臺代碼

 public ActionResult CheckInfo(string fieldId,string fieldValue)
        {
            string info = "[\""+fieldId+"\",false,\"提示信息\"]";
            if (fieldValue.Equals("ttt"))
            {
                info = "[\"" + fieldId + "\",true,\"數據OK\"]";
            }
            return Content(info);
        }

 

6.效果