`
chun521521
  • 浏览: 283846 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

jquery validate 多个复选框

 
阅读更多

 

 

<div class="form-group">
<label class="col-sm-3 control-label" for="resids">对应资源:</label>
<div class="col-sm-8" id="type_list">

<input type="checkbox" id="qqq" value="glywh" name="resids" >

</div>
  <div class="col-sm-1"><span style="color:red;font-size:18px">*</span></div>
 </div>

 

 

//表单验证
function validataForm(){
 var e="<i class='fa fa-times-circle'></i> ";
 uias_validator = $("#form_UIASManager").validate({
  rules:{
   resids: {required: true},
   role_name: {required:true,maxlength:50}
  },
  messages:{
   resids:e+"请至少选择一项资源",
   role_name:{required:e+"请输入标题", maxlength:e+"不能超过50字符"}
  },
  errorPlacement: function (error, element){
   if (element.is(':radio') || element.is(':checkbox')) { 
    var eid = element.attr('name');
    error.appendTo(element.parent()); 
   }else{
    error.insertAfter(element);
   }
  },
  submitHandler: function(form) {
   $('#form_UIASManager').form('submit', {
    url : xxxxxx,
    type: "POST",
    success : function(data) {
    
    }
   });
  }
 });
}

分享到:
评论

相关推荐

    jQuery Validate 校验多个相同name的方法

    在表单中,我们可能会遇到多个输入框具有相同名称的情况,例如单选按钮、复选框等,而jQuery Validate 默认只会校验第一个相同名称的输入框,这就给开发带来了不便。 为了解决这个问题,本文将介绍两种方法来修改 ...

    jQuery validate 表单验证源码

    3. **TruthValidate.aspx**:这个名字暗示可能是关于布尔值或逻辑验证的示例,可能涉及到检查复选框是否被选中,或者某个字段的值是否满足特定条件。 4. **ValidateShowAlert.aspx**:可能展示了如何自定义错误提示...

    jQuery Validate表单验证深入学习

    例如,针对单选按钮和复选框,可以将错误信息放置在不同位置,以适应页面布局和用户体验。 通过上述的介绍,我们可以看到jQuery Validate是一个功能强大的前端表单验证解决方案,它不仅提供了丰富的内置验证规则,...

    jquery.validate表单验证框架详解.docx

    规则是基于表单元素的`name`属性(对于单选/复选按钮是一组),并且可以是简单的字符串或者包含多个规则和参数的对象。 ```javascript $(".selector").validate({ rules: { name: "required", email: { ...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    `required: true` 规则表示至少需要选中一个复选框,否则会显示自定义的错误消息。 5. **动态操作** 如果复选框是动态添加到页面的,可能需要使用 `.on()` 方法来处理点击事件,因为它能处理动态生成的元素: ``...

    jQuery validate 中文API 附validate.js中文api手册

    `blank` 选择器匹配无值的元素,`filled` 选择器匹配有值的元素,`unchecked` 选择器匹配未被选中的复选框或单选按钮。 ### Utilities - **jQuery.format(template, argument, argumentN...)**: 使用提供的参数...

    jQuery.validate.js+API中文1

    `:blank`查找没有值的元素,`:filled`找到有值的元素,`:unchecked`则找到未被选中的复选框或单选按钮。 `jQuery.format` 函数提供了一个字符串模板功能,可以将模板字符串中的占位符替换为实际的参数值。 `...

    jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法

    这个问题在动态生成表单或者有复选框、多选框等需要验证多个相同名称的输入字段时尤为突出。下面介绍几种解决方法。 方法1: 首先,可以采用一种无需修改jQuery Validate源码的解决方案。这段代码重写了`$....

    jQuery validate验证插件使用详解

    对于单选按钮(radio)和复选框(checkbox),需要将它们包裹在一个元素内,并在该元素上添加验证规则。例如: ```html 性别必选" data-type="radio"&gt; &lt;label&gt;&lt;input type="radio" name="sex"&gt;男 &lt;label&gt;&lt;input...

    jQuery.validate 常用方法及需要注意的问题

    当在多个表单中使用jQuery Validate时,可以通过$.validator.setDefaults方法来设置所有表单的默认验证行为。这可以通过传递一个包含验证参数的对象实现,如示例中的submitHandler。设置默认的submitHandler可以减少...

    IE8兼容Jquery.validate.js的问题

    这段代码的目的是将当前表单的所有输入元素添加到一个jQuery对象中,然后过滤出所有输入类型(如文本框、复选框、单选按钮等)。在其他现代浏览器中,这通常能正常工作,但在IE8中,`this.currentForm.elements`可能...

    jQuery模态窗口用户注册代码.rar

    模态框内包含表单元素,如输入框(`&lt;input&gt;`)、复选框(`&lt;checkbox&gt;`)、提交按钮(`&lt;button&gt;`)等。 2. 触发按钮:用于打开模态窗口的按钮,通常有一个特定的ID或类名,以便于jQuery选择器找到。 3. 关闭按钮:...

    jQuery添加删除表单元素代码.zip

    在HTML部分,你需要创建一个基本的表单结构,每个行都包含一组输入字段,这些字段可以是文本框、复选框或其他表单控件。此外,还需要一个“添加”和“删除”按钮。CSS用于样式化这些元素,使其看起来更美观。 在...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...

    JqueryMobile快速上手教程-实训任务书03-多页设计-学生成绩查询页.zip

    1. **表单元素**:jQuery Mobile 自动美化了常见的表单元素,如文本输入框、选择器、复选框等,只需添加`data-role`属性即可。 2. **表单验证**:虽然jQuery Mobile本身没有内置验证功能,但可以结合其他库(如...

    jQuery插件

    此外,还有`jQuery.uniform`,用于美化HTML元素,如复选框和单选按钮。 - **图片轮播**:`jQuery.cycle`和`jQuery.slick`等插件实现了图片轮播功能,它们提供多种过渡效果和自定义选项。 - **日期时间选择器**:`...

    jquery验证插件Validator

    1. **多类型验证**:`jQuery Validator`能够验证多种类型的输入元素,包括文本输入、文本区域、密码输入、复选框以及选择元素。 2. **依赖验证**:对于某些特定的输入,例如复选框,插件可以设置必须至少有一个被...

    jQuery表单选择填写功能.zip

    对于多选框和复选框,`:checked`选择器可获取选中的选项。 5. **动态添加与删除元素**:jQuery允许在运行时动态添加或删除DOM元素,这对于构建动态表单非常有用。例如,`$(document.createElement("input")).attr(...

    包含表单到布局到CSS到图片到各种WEB开发资源大集合

    - **jQuery Checkbox**:专门针对复选框进行样式和功能增强的jQuery插件。 - **jNice**:一个用于美化表单的插件,可以将普通的HTML表单转换为具有现代设计感的界面。 - **Nice Forms**:类似于jNice,用于增强表单...

    jQuery 表单验证扩展(四)

    在实现控件值的比较时,扩展首先检查当前元素是否为输入框或文本域,并排除单选按钮和复选框。接着,通过“focus”和“blur”事件监听用户的操作,当输入框获得焦点时,根据`value`是否存在决定是否显示`onFocusText...

Global site tag (gtag.js) - Google Analytics