jQuery UI dialog + jQuery.validate动态对话框实现验证

使用jQuery UI Dialog动态生成一个对话框，使用jQuery.validate是实现验证。

MVC Control代码:

public ActionResult Create()

{

return PartialView();

}

MVC View代码

@model NetworkGrain.Models.Action

<form method="post" id="create" action="">

<dl>

<dt>编号:</dt>

<dd><input id="A_ID" name="A_ID" type="text" class="required" /></dd>

<dt>标题:</dt>

<dd><input id="A_Caption" name="A_Caption" type="password" class="required" /></dd>

<dt>控制器:</dt>

<dd><input id="A_Control" name="A_Control" type="text" class="required" /></dd>

<dt>父编号:</dt>

<dd><input id="P_ID" name="P_ID" type="text" class="required" /></dd>

<dt>停用:</dt>

<dd><input id="A_Status" name="A_Status" type="checkbox" class="required" /></dd>

<dt>说明:</dt>

<dd><input id="A_Comment" name="A_Comment" type="text" class="required" /></dd>

<dd>@Html.ValidationSummary(true, "创建失败,请更正错误并重试。")</dd>

</dl>

</form>

javascript代码

$.ajax({

type: "GET",

url: "/Action/Create",

cache: false,

global: false,

success: function (data) {

var dlg = $(data);

dlg.dialog({

title: "添加权限",

modal: true,

buttons: {

"确定": function () {

if ($("#create").validate().form() == true) { //手动验证

alert("OK");

}

},

"关闭": function () {

$(this).dialog("close");

}

}

});

}

});

注意引入jQuery.validate.js文件