js代码不执行
码龄两年 2015-10-20 10:37:18 我是刚刚开始学java web的大学生,最近老师布置了任务就是用spring mvc实现mysql数据库的增删改查,现在出现了一个很奇怪的问题,求各位大神给点意见,
就是比如我修改或新增用户时,点击esayui对话框中的保存没有反应,就是连报错都没有。
相关代码如下,下面是body中修改用户的按钮和easyui的对话框:
<div align="left">
<a href="#" class="easyui-linkbutton" iconCls="icon-add"
plain="true" onclick="newRecord()">新建用户</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-edit" plain="true"
onclick="modifyRecord()">修改用户信息</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-remove" plain="true"
onclick="removeRecord()">删除用户</a> <a href="#"
class="easyui-linkbutton" iconCls="icon-search" plain="true"
onclick="viewRecord();">查看</a>
</div>
<div id="editDlg" class="easyui-dialog"
style="width: 600px; height: 400px" closed="true"
buttons="#editDlg-buttons" data-options="modal:true">
<form id="userInfoEditForm" name="userInfoEditForm" method="post">
<table class="formTable">
<tr>
<td align="right" class="add_hidden">用户序号:</td>
<td class='add_hidden'><input class="easyui-validatebox"
name="pkId" required="true" id="pkId" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">用户编号:</td>
<td><input class="easyui-validatebox" name="userId"
required="true" id="userId" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">用户姓名:</td>
<td><input class="easyui-validatebox" name="userName"
required="true" id="userName" style="width: 132px" /></td>
</tr>
<tr>
<td align="right">年龄:</td>
<td><input class="easyui-numberbox" name="age" required="true"
id="age" style="width:132px" /></td>
</tr>
<tr>
<td align="right">性别:</td>
<td ><input class="easyui-validatebox" name="sex" required="true"
id="sex" style="width: 132px"/></td>
</tr>
<tr>
<td align="right">生日:</td>
<td><input class="easyui-datetimebox" name="birthday" required="true"
id="birthday" /></td>
</tr>
</table>
</form>
</div>
<div id="editDlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton"iconCls="icon-ok" onclick="saveInfo()">保存</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="closeDlg()">关闭</a>
</div>
以修改信息为例,下面是相关的js函数:
function modifyRecord() {
var row = $('#infoTable').datagrid('getSelected');
if (row) {
$('#editDlg').dialog('open').dialog('setTitle', '修改用户信息');
//不可修改项
$('#userId').attr("disabled", "disabled");
$('#pkId').attr("disabled", "disabled");
$('#userInfoEditForm').form('load', row);
url = '<%=request.getContextPath()%>/manager/userController/modifyUser.do';
} else {
$.messager.alert('提醒', '请选择需要修改的行', 'warning');
}
}
function saveInfo(){
$('#userInfoEditForm').form('submit', {
url : url,
onSubmit : function() {
return $(this).form('validate');
},
success : function(result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title : 'Error',
msg : result.errorMsg
});
} else {
$.messager.alert('info',result.success,'info',function(){
$('#editDlg').dialog('close');
$('#infoTable').datagrid('reload');
});
}
},error:function(XMLHttpRequest, textStatus, errorThrown){
$.messager.alert('error','严重错误,联系管理员');
}
});
}
点击修改用户信息之后,把弹出的对话框填好,点击保存,就是没有任何反应,没有跳转到url指向的controller中的方法,也没有报错;加了debugger发现是SavaInfo中$('#userInfoEditForm').form('submit'之后的代买没有执行,非常奇怪,跪求各位了!