首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当字段jml_automatic小于id_km字段时,启用或禁用jquery中的提交按钮

可以通过以下步骤实现:

  1. 首先,使用jQuery选择器获取到jml_automatic和id_km字段的值。例如,可以使用$("#jml_automatic").val()获取jml_automatic字段的值,使用$("#id_km").val()获取id_km字段的值。
  2. 接下来,使用条件语句判断jml_automatic是否小于id_km。如果满足条件,即jml_automatic小于id_km,就启用提交按钮;否则,禁用提交按钮。
  3. 启用或禁用提交按钮可以通过设置按钮的disabled属性来实现。使用jQuery选择器选中提交按钮,然后使用.prop("disabled", true)来禁用按钮,使用.prop("disabled", false)来启用按钮。

下面是一个示例代码:

代码语言:txt
复制
$(document).ready(function() {
  // 监听jml_automatic和id_km字段的变化
  $("#jml_automatic, #id_km").on("change", function() {
    // 获取jml_automatic和id_km字段的值
    var jml_automatic = parseInt($("#jml_automatic").val());
    var id_km = parseInt($("#id_km").val());

    // 判断jml_automatic是否小于id_km
    if (jml_automatic < id_km) {
      // 启用提交按钮
      $("#submitBtn").prop("disabled", false);
    } else {
      // 禁用提交按钮
      $("#submitBtn").prop("disabled", true);
    }
  });
});

在上述代码中,假设提交按钮的id为submitBtn,jml_automatic字段的id为jml_automatic,id_km字段的id为id_km。根据实际情况修改相应的id值。

这样,当字段jml_automatic小于id_km字段时,提交按钮将会被启用,否则将会被禁用。

相关搜索:当字段无效时,如何在Antd表单外禁用提交按钮?当输入字段具有值时,从提交按钮中动态删除禁用的值启用复选框时禁用jquery中的按钮当两个字段值不相等时,禁用提交按钮| Reactjs当控件隐藏时,如何禁用单选按钮中的必填字段?如何在按insert item按钮时启用redux-form字段数组中禁用的字段?当文本字段为空时禁用按钮等待其他文本字段中的任何更改仅使用CSS如何在填写完所有字段后启用已禁用的提交按钮如何在填写每个必填字段之前使用jQuery来禁用表单的提交按钮?当尝试禁用按钮,直到用户在Vuejs的otp字段中输入数字时出错?当来自输入字段的正则表达式匹配时突出显示提交按钮android如何在编辑文本字段中输入数据时启用或禁用动态创建的开关当服务器上的事件完成时,启用/禁用客户端中的按钮单击提交按钮时,滚动到angular reactive表单中的错误字段如何让JQuery-Button中的文本字段在进入文本字段时不触发按钮当我按后退按钮或移除键盘时,文本字段中的文本消失单击rails 3中的另一个输入字段时,通过js或jQuery添加文本输入字段如何在显示的字段尚未验证时禁用多步表单中的“下一步”按钮当字段位于list_display中时,隐藏Django管理表中的编辑/添加/删除按钮当必填字段不为空时,如何使用javascript在表单中创建一个条件,以便在单击提交按钮时显示消息?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

bootstrapValidator 中文API

提交表单也不会执行任何验证。您要在自定义提交处理程序中提交表单,可能会使用它。 破坏 destroy() - 破坏插件。 它将删除所有错误消息,反馈图标以及关闭插件创建事件。...disableSubmitButtons disableSubmitButtons(disabled): BootstrapValidator - 禁用启用提交按钮 参数 类型 描述 disabled...如果未设置,所有字段验证器将被启用禁用启用禁用验证器 getDynamicOption getDynamicOption(field*, option*): String - 返回可以动态设置选项值...您需要重新验证其值由其他插件更新字段使用它。 默认情况下,一旦该字段已经被验证并被标记为有效插件,该插件就不会重新验证该字段与其他插件一起使用时,字段值被更改,因此需要重新验证。...您想通过单击按钮链接而不是提交按钮来验证表单,这很有用。

13.2K50

form表单提交几种方式

-- input 属性 : value 属性规定输入字段初始值 readonly 属性规定输入字段为只读(不能修改) disabled 属性规定输入字段禁用。...被禁用元素是不可用和不可点击。 被禁用元素不会被提交。 disabled 属性不需要值。它等同于 disabled="disabled"。...size 属性规定输入字段尺寸 maxlength 属性规定输入字段允许最大长度 H5之后添加属性 autocomplete 属性规定表单输入字段是否应该自动完成。...-- 在form标签添加Action(提交地址)和method(post),且有一个submit按钮()就可以进行数据提交,每一个input标签都需要有一个...将会直接导致表单校验不通过,然后支付失败问题。 所以在在通常网站开发不提倡使用type=image作为表单提交按钮

6.4K20
  • HTML 表单和约束验证完整指南

    媒体捕捉输入法 checked 复选框/收音机被选中 disabled 禁用控件(它不会被验证提交其值) form 与使用此 ID 表单关联 formaction 提交和图像按钮提交 URL...:indeterminate 不确定复选框单选状态,例如取消选中所有单选按钮 :default 默认提交按钮图像 您可以placeholder使用::placeholder伪元素设置输入文本样式...在第一次提交更改值显示验证错误将提供更好体验。...你可以: 停止验证,直到用户与字段交互提交表单 使用自定义样式显示错误消息 提供仅在 HTML 无法实现自定义验证。...您需要比较两个输入时,这通常是必要——例如,您输入电子邮件地址电话号码,检查“新”和“确认”密码字段是否具有相同值,确保一个日期接一个日期。

    8.3K40

    ASP.Net MVC开发基础学习笔记:四、校验、AJAX与过滤器

    ; 二是通过脚本文件所增加功能是一种渐进式增强,客户端不支持禁用了Javsscript网页所提供功能仍然能够实现,只是用户体验会降低; 三是能够兼容不同浏览器。   ...需要注意是:   (1)如果你在JQuery AJAX中使用是get方式提交,那么在在使用Json返回JsonResult注意要将第二个参数设置允许Get提交方式:return Json("",...(2)在Ajax开发要注意Ajax方法体内参数设置正确,特别是参数名要和Action参数名保持一致;   (3)如果在Action为其设置了[HttpPost][HttpGet],那么提交方式要跟...这里是POST方式;   Confirm代表点击提交按钮后提出的确认对话框,并给出用户给定提示语,这里是:您确定要提交?   ...针对业务处理过程切面进行提取,它所面对是处理过程某个步骤阶段,以获得逻辑过程各部分之间低耦合性隔离效果。

    2.1K20

    一些好用jquery技巧

    1、返回顶部按钮 通过使用jQueryanimate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部简单动画: // Back to top $('.top').click(function...6、禁用输入字段 有时候,你可能想要禁用表格提交按钮某一项文字输入直到用户执行了特定操作(例如,勾选“我已阅读相关条款”复选框)。...修复时候要小心这个问题。 12、通过文本查找元素 通过使用jQuerycontains() 选择器,你可以找到元素内容文本。...; } }); 14、AJAX调用错误处理 Ajax调用返回404500错误时,就执行错误处理程序。如果没有定义处理程序,其他jQuery代码会就此罢工。...jQuery可以让代码变得更短和更快代最佳做法。

    3.9K60

    bootstrap-suggest插件

    keyword 出现,字段数据包含于 keyword 支持单关键字、多关键字输入搜索建议,多关键字可自定义分隔符 支持按 data 数组数据搜索、按 URL 请求搜索和按首次请求URL数据并缓存搜索三种方式...1.3 方法调用 1、禁用提示: ("input#test").bsSuggest("disable"); 2、启用提示: ("input#test").bsSuggest("destroy"); 4、...// 有效显示于列表字段,非有效字段都会过滤,默认全部有效。...为 true 即输入关键字包含包含于匹配字段均认为匹配成功,为 false 则输入关键字包含于匹配字段认为匹配成功 multiWord: false, // 以分隔符号分割多关键字支持...', // ajax 搜索显示提示内容,搜索时间较长给出正在搜索提示 hideOnSelect: false, // 鼠标从列表单击选择了值,是否隐藏选择列表

    10.9K40

    ASP.NET MVC 5 - 给数据模型添加校验器

    并且确保这些验证规则在用户创建编辑电影被执行。 拒绝重复 DRY ASP.NET MVC 核心设计信条之一是DRY: "不要重复自己(DRY --Don’t Repeat Yourself)"。...ASP.NET MVC 验证错误UI 重新运行应用程序,浏览 /Movies URL。 单击Create New链接,来添加一部新电影。在窗体填写一些无效值,然后单击Create按钮。...一个真正好处是,你并不需要更改MoviesController类Create.cshtml视图中一行代码,来启用此验证用户界面。...如果您在浏览器禁用 JavaScript,然后提交具有错误信息form,断点将会命中。您仍然得到充分验证,即使在没有 JavaScript情况下。...下图显示了如何禁用 Internet Explorer JavaScript。 ? ? 下图显示了如何在火狐浏览器禁用 JavaScript。 ?

    9K70

    Asp.Net MVC4入门指南(8):给数据模型添加校验器

    并且确保这些验证规则在用户创建编辑电影被执行。 保持事情 DRY ASP.NET MVC 核心设计信条之一是DRY: "不要重复自己(Don’t Repeat Yourself)"。...您可能已经注意到了Title 和Genre属性,在字段输入文本或者删除文本,是不会执行所需验证属性,直到您提交表单 (点Create按钮)才执行。...上面的顺序将触发必需验证,而并不需要点击提交按钮。在不输入任何字段情况下,直接点击提交按钮,将触发客户端验证。直到没有客户端验证错误情况下,表单数据才会发送到服务器。...如果您在浏览器禁用 JavaScript,然后提交具有错误信息form,断点将会命中。您仍然得到充分验证,即使在没有 JavaScript情况下。...下图显示了如何禁用 Internet Explorer JavaScript。 ? ? 下图显示了如何在火狐浏览器禁用 JavaScript。 ?

    4.6K100

    jquery使按钮置灰不可用

    效果演示您在浏览器打开包含上述HTML和jQuery代码页面,点击“禁用按钮按钮后,您会发现“点击我”按钮变灰且无法点击,实现了按钮置灰不可用效果。...按钮置灰不可用效果经常用于表单提交,为了避免用户重复提交表单或者在表单提交过程禁止其他操作。下面是一个示例代码,结合一个简单表单提交场景,演示如何使用jQuery实现按钮置灰不可用效果。...点击“禁用提交按钮”后,将触发事件,使“提交按钮置灰并设置为不可用状态。...});});通过以上示例代码,我们演示了如何在实际应用场景结合表单提交操作,使用jQuery实现按钮置灰不可用效果。...特点:元素被禁用时,其外观通常会发生改变,呈现灰色,并无法触发与鼠标键盘相关事件。被禁用元素不会在表单提交被包含在表单数据,也不会被包含在表单序列化字符串

    42210

    前端开发者都应知道 jQuery 小技巧

    回到顶部按钮 预加载图片 检查图片是否加载完毕 自动修复损坏图片 Hover 上 Class 开关 禁用 input 字段 停止链接加载 淡入淡出/滑动开关 简单折叠效果 将两个 Div 设为相同高度...在新窗口打开外部链接 找到文本元素 切换可视与隐藏触发器 Ajax 调用错误处理 链式操作 回到顶部按钮 通过使用 jQuery animate 和 scrollTop 方法...禁用 input 字段 有时你也许想让表单提交按钮其文本输入框变得不可用,直到用户执行了一个特定行为(例如确认 “我已经阅读该条款” 复选框)。...通过文本找到元素 通过使用 jQuery contains() 选择器,你可以找到某个元素文本。...; } }); Ajax 调用错误处理 某次 Ajax 调用返回 404 500 错误,就会执行错误处理。但如果没有定义该处理,其他 jQuery 代码或许会停止工作。

    2.3K30

    180多个Web应用程序测试示例测试用例

    26.如果允许数字字段,请检查是否为负数。 27.检查带有十进制数字值字段数。 28.检查所有页面上可用按钮功能。 29.用户不能连续快速按下提交按钮来两次提交页面。...10.页面提交上出现错误消息,用户填写信息应保持不变。用户应该能够通过更正错误再次提交表单。 11.检查错误消息是否使用了正确字段标签。 12.下拉字段值应按定义排序顺序显示。 13....2.优化搜索功能应将所有用户选择搜索参数加载到搜索页面。 3.执行搜索操作至少需要一个过滤条件,请确保在用户提交页面未选择任何过滤条件显示正确错误消息。...4.至少一个过滤条件选择不是强制性,用户应该能够提交页面,并且默认搜索条件应该用于查询结果。 5.对于过滤条件所有无效值,应显示正确验证消息。...9.检查子窗口取消按钮功能。 数据库测试测试方案 1.成功提交页面后,检查是否在数据库中保存了正确数据。 2.检查不接受空值值。 3.检查数据完整性。数据应根据设计存储在单个多个表

    8.3K21

    JqueryForm使用方式

    form直接变成ajax形式 即点击点击提交按钮就会异步提交 比如一下两种形式就是相同效果 ajaxForm $('#usergroup_add_form').ajaxForm({ "url":...元素值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素。 默认值:null。 url 指定提交表单数据URL。 覆盖表单默认值。...beforeSubmit”回调函数带三个调用参数:数组形式表单数据,jQuery表单对象,以及传入ajaxForm/ajaxSubmitOptions对象。...只有部分表单字段需要进行串行化(序列化),这个就方便了。这个方法将返回以下格式字符串:name1=value1&name2=value2。...该方法将所有的文本(text)输入字段、密码(password)输入字段和文本区域(textarea)字段置空,清除任何select元素选定,以及将所有的单选(radio)按钮和多选(checkbox

    2.3K20

    Knockout.js是什么?

    开发人员如果熟悉Ruby on Rails,Asp.net MVC 其它MVC技术可能会发现它是一个带有声明式语法MVC实时form。...思考这样一个例子:在一个表格里显示一个项目列表,统计表格列表数量,项目列表数量小于5启用“Add”按钮,否则就禁用。...如果需要在某些SPAN里显示数据数量,添加新数据时候,你还要记得更新这个SPANtext。当然,你还要记住总数>=5条时候,你需要禁用Add按钮。...它仅仅只需要将你数据转换成一个JavaScript数组,然后使用foreach将数据数组绑定到页面一个表格table或者一组div。...同样, Add按钮启用禁用依赖于数组myItems长度,如下: Add   之后,

    5.6K60

    为woocommerce开发支付网关插件,对接支付通道

    // 但在本教程,我们从简单支付开始 $this->supports = array( 'products' ); // 所有选项字段方法 $this->init_form_fields...这个的话都需要把,比如开发易支付支付网关,就需要url,商户ID,商户token等,还需要"启用/禁用","标题","描述"和"测试模式"等设置项。...客户填写其卡数据并单击“购买”按钮。...我们使用WooCommerce事件延迟表单提交,并将带有卡数据AJAX请求直接发送到我们支付处理器,checkout_place_order 如果客户详细信息正常,处理器将返回一个令牌,我们将其添加到下面的表格..., 现在我们可以提交表格(当然在JS), 我们使用PHP令牌通过支付处理器API捕获付款。

    24710
    领券