JQuery Validate:如何添加检查多个字段总和的验证?

2023-11-29

我正在尝试对我正在设置的动态表单使用 jQuery 验证。

在某些情况下,此表单包含一组输入框,假设总数为 100。

一个例子可能是:

请说明每个年级的学生比例是多少?
9年级:文本框1
10 年级:文本框2
11 年级:文本框3
12 年级:文本框4

我想验证 TextBox1 + TextBox2 + TextBox3 + TextBox4 = 100%。

我该怎么办?

Thanks!


<script>
$(document).ready(function(){
    $("#some-form").validate({

        rules: {
            TextBox1: {
                required: true,
                number: true,
                min: 0,
                max: 100,
            },
            TextBox2 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }
            TextBox3 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }
            TextBox4 : {
                required: true,
                number: true,
                min: 0,
                max: 100,
            }

        },
        submitHandler: function(form){
            var total = parseInt($("#TextBox1").val()) + parseInt($("#TextBox2").val()) + parseInt($("#TextBox3").val()) + parseInt($("#TextBox4").val());
            if (total != 100) {
                $(".error").html("Your total must sum to 100.")
                return false;
            } else form.submit();
        }

    });
});

</script>

被盗并被编辑从这里.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery Validate:如何添加检查多个字段总和的验证? 的相关文章

  • 当鼠标悬停在绝对 div 上时 jQuery 禁用滚动

    当鼠标悬停在 div 上时 我试图禁用窗口鼠标滚动功能 以便仅启用 div 滚动 当鼠标移离 div 时 再次应用滚动到窗口 div 是绝对定位的 我看过这个帖子当鼠标光标位于div内时 使用jquery禁用鼠标滚轮功能 https sta
  • jQuery:如何引用类名带有句点的 HTML 元素?

    我这样有几个元素 td class sede co uk 我想这样使用 jquery 引用它们 td sede co uk 但 jquery 没有 找到 它们 因为 我猜 co 和 uk 之间的点 任何想法 Regards Javi You
  • 使用 JavaScript 选择用户控件中的元素

    我有一个包含用户控件的 Web 表单 我希望能够使用 JavaScript 从表单页面访问用户控件中的 html 元素 我尝试了以下方法 document getElementById 但这返回了null 我用 firebug 环视了一下
  • jQuery能否获取未绘制的动态元素的大小

    我的意思是如果我用 jQuery 和 DOM 创建一个 Element var MainHolder document createElement div addClass box 如果我打电话MainHolder width 如果不在窗口
  • Google 地图 api javascript 标签未验证

    正在寻找当前网站 正在使用 W3C 进行完全 HTML5 验证 这是无法验证的 Google 地图 API Javascript 标记 这是W3C的回应 没有开始字符引用 可能应该被转义为 它不喜欢 定义传感器是真还是假时 我尝试过以下方法
  • 将按键和焦点事件附加到 contenteditable div 内的元素

    我想附上keypress and focusoutcontenteditable 内段落的事件处理程序div 下面的代码似乎不起作用 div p Test p p Test p p Test p div p1 bind keypress f
  • 访问自定义表单控件的有效值

    我创建了代表密码表单控件的自定义组件 下面的代码已简化 密码组件 html
  • 将 javascript 合并到一个文件中

    最近阅读了雅虎的网络优化技巧并使用 YSlow 我在我的一个网站上实现了他们的一些想法http www gwynfryncottages com http www gwynfryncottages com你可以在这里看到该文件http ww
  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s
  • 通过 AJAX 发送 XML

    我在 jQuery 中创建了一个 xml 文档 如下所示 var xmlDocument
  • jQuery 日期选择器 - 时区问题

    我们在网站上使用 jQuery 日期选择器来选择预订的日期和时间 日历当前设置为太平洋标准时间 当用户尝试从其他时区访问时 这会导致错误 我们是否应该将服务器设置为 UTC 并让应用程序根据用户的 IP 地址自动选择用户的时区 我很好奇我们
  • 通过搜索查找下一个文本并突出显示不起作用

    当在搜索框中搜索任何文本时 它可以找到并突出显示正确的文本 但是当搜索下一个 新文本时 它无法找到下一个 新文本 再次搜索时它不起作用 我无法找到问题 这JS below JS button search click function va
  • 访客客户检查 Woocommerce 订单账单电子邮件时可享受首单折扣

    通过对照正在处理和已完成的订单检查来宾客户的电子邮件地址 如果电子邮件没有订单 我想给来宾 首单折扣 如果这能在客人输入电子邮件时发生 那就太好了 我想我已经成功制作了折扣代码 现在我请求帮助合并这两个代码 使其一切正常 这是折扣代码 ad
  • 使用 jQuery 拖放

    我想使用 jQuery 进行简单的拖放操作 到目前为止我还没有做任何事情 但之前的尝试都没有成功 你有没有尝试过jQuery UI 可拖动 http jqueryui com demos draggable 简单用例 div class u
  • 使用 jQuery 的 javascript 关联数组长度

    我正在使用 javascript 关联数组 例如 var testarray testarray one 1 testarray two 2 testarray three 3 我也在旁边使用jquery 如何使用 jquery 或任何其他
  • 附加元素在 IE11 中不起作用

    在构造函数中我创建一个元素 var this legendElement this compileLegend 后来我想在事件监听器中使用它 var takeControl function this element empty this
  • 如何使用 jQuery 在 ASP.NET MVC 3 中设置会话变量?

    所以这就是问题 如何使用 jQuery 在 ASP NET MVC 3 中设置 Session 变量 我正在尝试使用 ajax or post但问题是我真的不知道该怎么办 描述 只需发布到控制器并在那里设置会话变量即可 Sample jQu
  • Skrollr 添加空白

    我已经尝试了一切 我在谷歌上阅读了 4 5 页试图找到适合我的修复程序 已经筋疲力尽了 即使我使用 skrollr 示例 我的问题仍然存在 不是说他们做错了什么 我知道我只是没有正确理解它 因此 我上传了一个演示 仅在移动设备上展示这个尴尬
  • 如何在 jQueryUI 工具提示中换行

    新版本的 jQueryUI 1 9 附带了本机工具提示小部件 经过测试 如果内容 标题属性的值 很短 它就可以正常工作 但如果内容很长 工具提示一旦显示就会与输入文本重叠 有a demo http jqueryui com tooltip
  • 本地权威声明和外部提供商声明的混淆

    我正在创建一个简单的 WebApi 它允许用户与 Facebook 连接 当我从 facebook 获取 accessToken 时 我调用 RegisterExternal 创建 Asp Net Identity 记录并存储令牌中的声明

随机推荐

  • 如何通过 MS Access 在 SQL Server 中创建临时表

    我有一个到 SQL Server 的 ODBC 连接 我需要在 Access 中处理数据 但时间太长 我的想法是将这些数据推送到 SQL Server 临时表并让 SQL Server 进行处理 我的 Access 数据库中有许多传递查询
  • 使用更新触发器更新另一个表

    我正在开发的程序的后端设计很差 基本上需要两个不同的表来保存完全相同的信息 我正在尝试编写一个触发器 它将使用刚刚在表 A 中更新的相同信息来更新表 B 哦 这是使用 MYSQL 数据库 我不确定我是否只是有语法错误或者我是否缺少概念 任何
  • Docker 如何仅在发生更改时运行 piprequirements.txt?

    在 Dockerfile 中我有一个安装层requirements txt FROM python 2 7 RUN pip install r requirements txt 当我构建 docker 映像时 它会运行整个过程不管对此文件所
  • HtmlUnit 下载文件

    我正在尝试通过 HTMLUnit 下载文件 但每次我使用这样的代码时 InputStream stream anchor click getWebResponse getContentAsStream 我得到的是网站而不是文件 下载链接如下
  • 通过xml设置自定义字体

    我如何设置一个字体 其 ttf 驻留在我的assets通过xml文件夹 我知道如何以编程方式做到这一点但是如何通过 xml 做到这一点呢 提前致谢 您不能直接使用 XML 来完成此操作 但是您可以扩展TextView并设置默认字体 pack
  • C# 在运行时添加属性

    我读过几篇文章 但在运行时向类添加属性时仍然遇到问题 它应该很简单 因为我有一个这样的类 public class MyClass String Template String Term 在运行时 我必须添加一些属性 例如电话 电子邮件 这
  • 检测页面上的滚动方向 - 更新先前的值

    我正在使用 React 我需要获得滚动方向才能做一些事情 我有一个工作代码 但我不知道如何存储和update上一个滚动位置 这是我的代码 componentDidMount const prev window scrollY window
  • HTML5 播放器 视频颜色错误

    我有一个大问题 我自己制作了一个应用程序演示视频 并使用了我想要的背景颜色 现在我想在 HTML5 播放器中播放它 一切正常 但现在 当我在 Chrome Safari 和 Firefox 上仔细观看我的视频时 我理解了颜色不完全相同就像我
  • 如何用C#找到一个月中的第三个星期五?

    给定一个日期 类型DateTime 如何找到该日期所在月份的第三个星期五 我将重复我的回答here加上一点点 与语言无关的版本 要获取该月的第一天 请从该月的第一天开始 yyyy mm 01 使用任何可用的函数来给出与星期几相对应的数字 在
  • 将我的 npm 模块添加到导入时出错

    任何帮助理解为什么我在下面安装然后在我的 Stackblitz 中引用 npm Angular2 wizard 时遇到此错误 我有这个斯塔克闪电战我安装了Angular2 向导 安装后 我在 test module ts 文件中引用了它 如
  • 向 ExpandoObject 添加未知(在设计时)属性

    只是探索 c 4 尝试让我的头脑了解所有这些动态的东西 抱歉 如果这个问题很愚蠢 我没有这个领域的经验 如果我有一个 ExpandoObject 并且想要在运行时向其添加公共属性 使用 get 和 set 我将如何去做呢 例如 我有一个 d
  • 如何从 ViewResult 截取 HTML、修改它并提供它?

    我正在写一个简单的CMS 我希望能够加载一个视图 将其包含在母版页中 然后扫描 HTML 以便我可以替换一些自定义标签 例如使用我自己的博客输出的 blog 然后将其提供给浏览器 如何从 ViewResult 访问 HTML 以拦截它 听起
  • 使用间接的动态图表范围:该功能无效(尽管突出显示了范围)

    我正在尝试创建一个图表 其范围是使用动态构建的INDIRECT功能 Excel 确实可以识别我正在使用的创建范围INDIRECT因为它突出显示了工作表上的相应范围 但是 在保存图表时 我收到一条错误消息 指出该函数无效 有谁知道问题是什么
  • YouTube 频道订阅人数

    我正在尝试获取特定 YouTube 频道的订阅者数量 我提到了 Stackoverflow 以及外部网站上的一些链接 遇到了类似的链接this 几乎所有链接都建议我使用 youtube gdata api 并从SubscriberCount
  • Python PyQt5 QMessageBox 未打开

    当我按下信息按钮时 我试图打开一个消息框 它运行 infoDialogue 方法 因为它打印 我在这里 但不打开 infoBox 我缺少什么 我正在使用 python 3 5 和 PyQt5 Thanks 这是代码 import sys f
  • 无法加载 iFrame CSS

    我试图加载 iFrame进入 WordPress 网站 iFrame 应加载显示在中的表格这个链接 应用了所有颜色和其他样式 但是 当我插入iFrame在我的网站上 它将加载内容表的但不是 CSS 这就是我尝试 强制 加载正确 CSS 的方
  • 在xamarin中发现同一依赖程序集的不同版本之间存在冲突

    我正在 xamarin 中创建一个新项目 但它发出警告 发现同一依赖的不同版本之间存在冲突 集会 在 Visual Studio 中 双击此警告 或选择它并按 Enter 键 以修复冲突 否则 将以下绑定重定向添加到应用程序配置文件中的 运
  • 如何在 Bootstrap 3.2 中单击字形图标后更改它?

    我想要一个指向右侧的箭头以允许用户展开侧边栏 然后将该字形更改为指向左侧 这样 它就会指向左侧 以便他们了解如何隐藏侧边栏 然后我希望它改回默认状态 这就是我目前所拥有的 div div class hidden lg div class
  • 修改XML文件QXMLStreamReader/Writer

    我正在研究我正在使用的东西QXMLStreamReader and QXMLStreamWriter 读取和写入文件 但我无法找到一种可以修改 XML 的方法 例如考虑以下 XML
  • JQuery Validate:如何添加检查多个字段总和的验证?

    我正在尝试对我正在设置的动态表单使用 jQuery 验证 在某些情况下 此表单包含一组输入框 假设总数为 100 一个例子可能是 请说明每个年级的学生比例是多少 9年级 文本框110 年级 文本框211 年级 文本框312 年级 文本框4