首页 > PHP资讯 > HTML5培训技术 > 使用jQueryUIdialog+jQuery.validate实现动态对话框验证

使用jQueryUIdialog+jQuery.validate实现动态对话框验证

HTML5培训技术

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

MVC Control

        public ActionResultCreate()
        {
return PartialView();
        }

MVC View代码

@model NetworkGrain.Models.Action


   

编号:

       

标题:

       

控制器:

       

父编号:

       

停用:

       

说明:

       

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

   

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文件
上一篇:jQuery.each
下一篇:jQuery的ajax同步和异步

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持17不支持0