dwz 加入自己验证(比如目的是提交前组织数据)
2017-04-17 15:45
309 查看
dwz 加入自己验证(比如目的是组织数据)(也可以是校验)
利用表单的onsunmit="rerurn checkForm(this,navTabAjaxDone)" 提交前组织数据,但是自己写的方法后要调用dwz的验证方法,而且要return 这个方法
@requestparamter()有required=false jsp 提交过来时可以不含这个字段(比如这里的userIdArray)
<div class="pageContent">
<form method="post" id="form1" name="form1"
action="<c:url value='/system/opmRole/updateRoleUser'/>"
class="pageForm required-validate" onsubmit="return checkForm(this,navTabAjaxDone);" >
</form>
</div>
function checkForm(form,navTabAjaxDone){
var scribeBookObj=document.forms['form1'].scribeBookCodeLeft;
var scribeBookObjOptions = scribeBookObj.options;
var str = new StringBuffer();
for(i = 0; i < scribeBookObjOptions.length; i++){
str.append("<input type='hidden' name='userIdArray' value='" + scribeBookObjOptions[i].value + "'/>");
}
document.getElementById("watchArray").innerHTML = str.toString();
return validateCallback(form,navTabAjaxDone);//dwz自身实现验证,跳转(刷新或关闭)
}
@SuppressWarnings("unused")
@RequestMapping(value = "/system/opmRole/updateRoleUser", method = RequestMethod.POST)
public ModelAndView updateRoleUser(@RequestParam(value="userIdArray" ,required=false) String[] userIdArray,OpmRole opmRole,HttpServletRequest request,Model modle) throws Exception {
return ajaxDoneOpm("/commonuntil/ajaxDone",200,"操作成功!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
}catch (Exception e){
return ajaxDoneOpm("/commonuntil/ajaxDone",300,"添加失败!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
//throw new Exception("操作失败!");
}
}
@SuppressWarnings("unused")
public ModelAndView ajaxDoneOpm(String url,int statusCode, String message,String navtab, String forwardUrl,String operator) {
ModelAndView mav = new ModelAndView(url);
mav.addObject("statusCode", statusCode);
mav.addObject("message", message);
mav.addObject("navTabId", navtab);
mav.addObject("callbackType", operator);
mav.addObject("forwardUrl", forwardUrl);
return mav;
}
/commonuntil/ajaxDone:ajaxDone.jsp
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
{
"statusCode":"${statusCode}",
"message":"${message}",
"navTabId":"${navTabId}",
"callbackType":"${callbackType}",
"forwardUrl":"${forwardUrl}"
}
利用表单的onsunmit="rerurn checkForm(this,navTabAjaxDone)" 提交前组织数据,但是自己写的方法后要调用dwz的验证方法,而且要return 这个方法
@requestparamter()有required=false jsp 提交过来时可以不含这个字段(比如这里的userIdArray)
<div class="pageContent">
<form method="post" id="form1" name="form1"
action="<c:url value='/system/opmRole/updateRoleUser'/>"
class="pageForm required-validate" onsubmit="return checkForm(this,navTabAjaxDone);" >
</form>
</div>
function checkForm(form,navTabAjaxDone){
var scribeBookObj=document.forms['form1'].scribeBookCodeLeft;
var scribeBookObjOptions = scribeBookObj.options;
var str = new StringBuffer();
for(i = 0; i < scribeBookObjOptions.length; i++){
str.append("<input type='hidden' name='userIdArray' value='" + scribeBookObjOptions[i].value + "'/>");
}
document.getElementById("watchArray").innerHTML = str.toString();
return validateCallback(form,navTabAjaxDone);//dwz自身实现验证,跳转(刷新或关闭)
}
@SuppressWarnings("unused")
@RequestMapping(value = "/system/opmRole/updateRoleUser", method = RequestMethod.POST)
public ModelAndView updateRoleUser(@RequestParam(value="userIdArray" ,required=false) String[] userIdArray,OpmRole opmRole,HttpServletRequest request,Model modle) throws Exception {
return ajaxDoneOpm("/commonuntil/ajaxDone",200,"操作成功!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
}catch (Exception e){
return ajaxDoneOpm("/commonuntil/ajaxDone",300,"添加失败!","opmRoleNavUi","/system/opmRole/editUi","closeCurrent");
//throw new Exception("操作失败!");
}
}
@SuppressWarnings("unused")
public ModelAndView ajaxDoneOpm(String url,int statusCode, String message,String navtab, String forwardUrl,String operator) {
ModelAndView mav = new ModelAndView(url);
mav.addObject("statusCode", statusCode);
mav.addObject("message", message);
mav.addObject("navTabId", navtab);
mav.addObject("callbackType", operator);
mav.addObject("forwardUrl", forwardUrl);
return mav;
}
/commonuntil/ajaxDone:ajaxDone.jsp
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
{
"statusCode":"${statusCode}",
"message":"${message}",
"navTabId":"${navTabId}",
"callbackType":"${callbackType}",
"forwardUrl":"${forwardUrl}"
}
相关文章推荐
- jquery.validate验证表单,自己的js提交数据,返回json
- post提交表单的数据查看方式(不是很理解,但要会看,可以找人商讨下,比如崔老师,自己再看一遍HTTP基础)
- 分解pb的数据管道语法,加入自己的SQL,灵活使用数据管道.
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- Silverlight实例教程 - Validation用户提交数据验证捕获
- 定义一个网站全局的 HttpModule ,用来验证客户端是否重复提交数据和是否跨站点提交数据
- WPF自己喜欢用的数据验证方式
- 分解pb的数据管道语法,加入自己的SQL,灵活使用数据管道
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
- Silverlight实例教程 - Validation用户提交数据验证捕获
- Silverlight实例教程 - Validation用户提交数据验证捕获
- 对象失去焦点时自己动提交数据
- 提交表单出错 [HttpException (0x80004005): 无法验证数据。]
- .net中,数据提交完毕后,刷新绑定控件,清空输入框的好办法,就是在时间函数的最后加入Response.Redirect(Request.FilePath);
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEvent
- Silverlight实例教程 - Validation用户提交数据验证捕获
- 结合AJAX自定义WebForm_PostBackOptions验证提交数据
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- silverlight Validation MVVM下用户提交数据验证捕获