//首先应该引入jquery的js
<script src="<c:url value="/script/jquery/jquery-1.6.1.min.js"/>">
$(function(){
$('#dialog1').dialog({
autoOpen: false,
width: 300,
buttons: {
"确定": function() {
if($("#accountName").val().length < 4){
alert("账号至少4位");
return ;
}
$('#form1').submit();
},
"取消": function() {
$(this).dialog("close");
}
}
});
<td><a href="#!" οnclick="$('#dialog1').dialog('open');" class="btn_zhadd">
<img src="../resources/gd/images/btn_adduser.jpg" alt="" /></a></td>
<div id="dialog1" title="增加账号" align="center">
<form id="form1" action="<c:url value="/gd/account-add.action"/>" method="post">
账 号:<input id="accountName" name="accountName" type="text"/><br/>
状 态:<select name="state" id="state" style="width: 150px;">
<option value="1" selected="selected" >生效</option>
<option value="0" >失效</option>
</select>
<br/>
帐号类型:<select name="account_type" id="account_type" style="width: 150px;">
<option value="1" selected="selected" >工单团队</option>
<option value="2" >10000号用户</option>
</select>
<br/>
组管理员:<select name="group_admin" id="group_admin" style="width: 150px;">
<option value="0" selected="selected" >否</option>
<option value="1" >是</option>
</select>
</form>
jquery 弹出对话框
最新推荐文章于 2023-03-05 00:29:20 发布