`

jquery validate异步验证时多参数传递

阅读更多

JSP代码:

<form role="form" class="add_form">
  <input type="hidden" name="adminUserCategory.id" value="${adminUserCategory.id}" class="categoryId">
  <div class="form-group input-name">
    <label for="firstname" class="col-sm-2 control-label">名称</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="firstname" placeholder="请输入名称" name="adminUserCategory.name" value="${adminUserCategory.name}" style="width: 50%;float: left;">
      <span class="err-class"></span>
    </div>
  </div>
  <div class="form-group input-description">
    <label>描述</label>
    <textarea class="form-control" rows="5" name="adminUserCategory.Description">${adminUserCategory.description}</textarea>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">保存</button>
    </div>
  </div>
</form>

 js中validate的rules的代码:

rules:{
            "adminUserCategory.name":{
                required:true,
                remote:{
                    type:"post",//数据请求方式
                    url: $('.domain_name').val()+"/Stat/checkUserCategoryNameExist.action",//异步验证路径
                    data:{
                        "adminUserCategory.name":function(){
                            return $("#firstname").val();
                        },
                        "adminUserCategory.id":function(){
                            return $(".categoryId").val();//没有这一行,获取不到数据
                        }
                    },
                    dataType:"html",
                    dataFilter:function(data,type){//AJAX异步返回数据
                        var flag = eval("("+data+")");
                        if(flag){
                            return true;
                        }else{
                            return false;
                        }
                    }
                }
            }
        }

这样,adminUserCategory.name与adminUserCategory.id都能获取到界面的参数了

0
0
分享到:
评论

相关推荐

    高质量的jQuery 表单验证插件 Validate Form

    4. **异步验证**:对于需要服务器端验证的情况,插件支持异步请求,可以在提交表单前进行后台验证。 5. **分组验证**:可以按需设置分组验证,只在特定组内的所有字段都通过验证后才允许提交表单。 6. **动态验证*...

    jquery-validation-1.8.1里面有很多例子

    3. 配置选项:可以通过`.validate()`方法传递参数,设置验证行为,例如`rules`和`messages`。 4. 添加规则:为需要验证的元素添加`data-rule-*`和`data-msg-*`属性,指定验证规则和错误消息。 5. 自定义验证:通过`$...

    jQuery-from

    可以使用jQuery的内置方法或者第三方验证库,如jQuery Validate,来检查用户输入是否有效,然后决定是否允许表单提交。 ### 5. 兼容性与性能优化 `jQuery Form`插件兼容多种浏览器,包括较旧版本,使得它在广泛的...

    jquery插件

    许多jQuery插件允许自定义配置,通过传递一个对象作为参数来设置插件的行为。例如: ```javascript $('#element').myPlugin({ option1: value1, option2: value2 }); ``` 5. **常见jQuery插件类型** - **...

    Ajax 动态表单验证封装类附示例

    2. **异步请求**:当触发验证事件时,通过Ajax向服务器发送验证请求,传递需要验证的值。 3. **数据校验**:服务器端接收到请求后,对数据进行校验,然后返回验证结果。 4. **反馈展示**:客户端收到验证结果后,...

    50个Jquery经典实例

    15. **表单验证**:使用jQuery Validate插件,可以轻松实现表单验证,如`$("#myForm").validate({...})`。 16. **动画队列**:`queue()`和`.dequeue()`控制动画队列,确保动画顺序执行。 17. **事件触发**:`...

    jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法

    在本文中,我们将深入探讨如何使用jQuery和jQuery Validator插件实现Ajax提交表单以及如何高效地传递参数。jQuery是一个流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。而jQuery Validator则是...

    Jquery ppt

    - **插件生态**: jQuery有庞大的插件生态系统,如图片轮播插件Swiper、表单验证插件validate等,可以满足各种复杂需求。 ### 6. jQuery性能优化 - **延迟加载**: 使用 `$(document).ready()` 或 `$(function() {.....

    jquery学习大礼包

    2. **表单验证插件**: 如`validate.js`,方便地对表单输入进行验证。 3. **弹窗插件**: 如`modal.js`,提供弹出对话框功能。 4. **下拉菜单插件**: 如`dropdown.js`,实现交互式的下拉菜单。 ### 五、jQuery最佳...

    jQuery拖拽图片上传表单代码

    在实际开发中,我们可能还需要处理更多细节,例如文件类型的限制、多文件上传、异步上传的进度展示等。此外,考虑到兼容性问题,对于不支持拖放功能的浏览器,我们需要提供传统的点击选择文件的上传方式。 总结起来...

    JS实现PC手机端和嵌入式滑动拼图验证码三种效果

    如示例代码中提到的`geetest_challenge`、`geetest_validate`和`geetest_seccode`,这些是服务器端生成的参数和校验码,用于在客户端和服务器间进行安全验证。 #### 6. 后端验证的实现 在验证码验证过程中,前端...

    struts2.1.8.1-API.rar

    12. **Ajax支持**:Struts2的JQuery插件和JSON插件可以方便地实现异步更新页面的部分内容,提升用户体验。 总的来说,Struts2.1.8.1 API文档包含了所有这些核心概念的详细解释,以及各个类、接口和方法的使用示例,...

    java面试宝典

    21、当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递? 10 22、我们在web 应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,...

    java面试题

    35. 当一个对象被当作参数传递到一个方法后,此方法可改变这个对象的属性,并可返回变化后的结果,那么这里到底是值传递还是引用传递? 18 36. swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?...

    ExtAspNet_v2.3.2_dll

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

Global site tag (gtag.js) - Google Analytics