您的位置:首页 > Web前端 > JQuery

jquery.validationEngine-zh_CN.js 验证规则

2015-01-27 14:08 381 查看
验证示例:

<div class="form-group row-fluid">
<label for="AccountName">用户名称</label>
<i class="fa fa-user"></i>
<input type="text" name="AccountName" id="AccountName" class="form-control  validate[required,ajax[AccountNameCheck],minSize[4],maxSize[20]]" />
</div>


初始化示例:

$(function () {
App.setPage("login"); //Set current page
App.init(); //Initialise plugins and elements
$("#formlogin").validationEngine();
$("#account").validationEngine();
$("#InputAccount").focus();
});


自定义验证示例:

"AccountNameCheck": {
"url": "/Account/AccountNameCheck",
// you may want to pass extra data on the ajax call
"extraData": "name=eric",
"alertText": "* 该用户名称已被其他人使用",
"alertTextOk": "* 该用户名称可以使用",
"alertTextLoad": "* 正在确认用户名是否有其他人使用,请稍等。"
},


相对应的验证代码返回示例:

public JsonResult AccountNameCheck(String fieldId, String fieldValue)
{
List<object> validateReturn = new List<object>();
validateReturn.Add(fieldId);
try
{
Account account = db.Accounts.Where(c => c.AccountName == fieldValue).FirstOrDefault();
if (account != null)
{
validateReturn.Add(false);
}
else
{
validateReturn.Add(true);
}
}
catch (Exception ex)
{
validateReturn.Add(false);
}
return Json(validateReturn, JsonRequestBehavior.AllowGet);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: