Tag: 表单

表格有两个输入没有提交？

有人可以解释为什么这段代码不起作用： $(‘form’).on(‘submit’, function (e) { e.preventDefault(); var first = $(‘.first’).val(); var next = $(“.next”).val(); alert(first + ” ” + next); }); http://jsfiddle.net/cj1hysf3/ 当我删除两个输入中的一个然后让它们混乱时它似乎工作正常。

推广用于多个表单的jQuery动态添加/删除表单输入

目前，我有一个function代码，用于在我的页面上动态添加和删除表单输入。 我有多个表单需要包含在页面上，所以我做了一个事件操作，他们可以按下按钮，它会隐藏除相关表单之外的所有表单。 这工作正常，但它与我的jQuery / javascript代码产生冲突，因为代码使用类名来动态添加或删除输入字段。 两种forms都必须在同一个类名下才能使用jQuery函数，但是这会产生冲突并且函数停止工作。 我可以写两个版本的函数（每个类一个），但我试图找到一种方法来概括它，所以我不必有这么多的函数。 我在考虑做这样的事情： $(‘.ccinput’).addClass(‘dinput’).removeClass(‘ccinput’); 我会相应地更改每个表单的类名，以便它们是唯一与jQuery函数通信的人。 这种方法似乎非常容易出错，特别是有两种以上的forms（我计划总共有4种forms）。 你们知道我能做到的另一种方式吗？ 这是我的html代码供参考： 编辑：我已经对代码进行了重大更改，所以这是新版本。 我从表单输入中删除了所有ID值，并更改了jQuery函数，以便它不使用ID值作为选择器。 这消除了一些冲突。 我现在正在尝试使用attr（’class’，’newclass’），以便jQuery函数适用于这两个代码。 它似乎完美地适用于第一种forms，但它拒绝为第二种forms起作用。 我不知道为什么。 $(document).ready(function() { $(“#table1”).hide(); $(“#table2”).hide(); $(“#cc_button”).click(function(){ $(“#table1”).show(); $(“#table2”).hide(); $(“#cctable tr”).attr(‘class’, ‘dinput’); $(“#dbtable tr”).attr(‘class’, ‘dbinput’); }); $(“#db_button”).click(function(){ $(“#table2”).show(); $(“#table1”).hide(); $(“#dbtable tr”).attr(‘class’, ‘dinput’); $(“#cctable tr”).attr(‘class’, ‘ccinput’); }); $(‘#btnAdd’).click(function() { var num = $(‘.dinput’).length; // how many “duplicatable” input fields […]

返回false不停止表单提交

我很确定这应该不会那么难。 我有一个表单在onsubmit上运行以下函数： function FORMVALIDATE_add_rota_entry() { var rota_date = $(“#rota_date”).val(); var rota_id = $(“#rota_id”).val(); var am_pm = $(“#am_pm”).val(); if(rota_date == “”) { alert(“Please enter a date.”); return false; } if(rota_id == “error”) { alert(“Please select a rota from the list.”); return false; } // check if that rota has already been entered for that date and […]

HTML 5表单插件是否具有实时validationfunction？

我正在寻找一个类似于此的JQuery插件，以允许跨浏览器的html5表单支持。 但是，我正在寻找一种实现实时表单validation的方法。 为用户提供有关键盘或模糊的反馈（最好是模糊）。 有谁知道适合该法案的东西？

jQuery – 使用remoteAttr（）清除它们后重新检查复选框

如果我重置一堆输入：复选框字段与resetAttr（），这是完美的工作，我无法使用ajax响应的数据结合.attr（’checked’，’true’）重新检查这些复选框。 所以脚本的工作流程应该是这样的： 在ajax请求期间获取一些数据。 如果成功，请继续。 打开表单时，重置其所有内容，包括复选框。 这不适用于document.getElementById(“ID”).reset(); 单独。 因此我使用了removeAttr(); 现在获取ajax-request的数据并使用jQuery(‘#SomeID’).find(‘input[value=”‘+SomeObject[key]+'”]’).attr(‘checked’,’true’);将其放入DOM中jQuery(‘#SomeID’).find(‘input[value=”‘+SomeObject[key]+'”]’).attr(‘checked’,’true’); 在没有使用remoteAttr（）之前，将按照步骤3中的描述填充表单。使用removeAttr（）导致结果，将重新填充复选框将被忽略。 有什么建议？ 最好的问候拉尔夫 更新：我找到了一个解决方案，这有点讨厌但工作： 首先，我使用以下命令删除checked属性： jQuery(‘#form’).find(‘input:checkbox’).attr(‘checked’,false); 然后使用： document.getElementById(“such-sets-_viewSuchSets-form”).reset(); 之后，我使用jQuery（）。val（）等重新填充带有选中复选框，文本框等的表单。

POST表单数组没有成功

我正在使用C＃和.NET Framework 4.5.1开发ASP.NET MVC 5 Web。 我在cshtml文件中有这个form ： @model MyProduct.Web.API.Models.ConnectBatchProductViewModel @{ Layout = null; } Create @if (@Model != null) { Producto: @Model.Product.ProductCode, Cantidad: @Model.ExternalCodesForThisProduct using (Html.BeginForm(“Save”, “ConnectBatchProduct”, FormMethod.Post)) { @Html.HiddenFor(model => model.Product.Id, new { @id = “productId”, @Name = “productId” }); Cantidad Lote @Html.TextBox(“ConnectBatchProductViewModel.BatchProducts[0].Quantity”) @Html.TextBox(“ConnectBatchProductViewModel.BatchProducts[0].BatchName”) } } else { Error. } 这是动作方法： [HttpPost] public […]

选择下拉选项时，在表单中添加输入字段

如何动态添加表单中的字段 所以我的表格看起来像： 1 2 3 4 5 如果选择例如3它应该附加3个新输入（可以是数组以获取所有值）我知道我必须使用javascript但我不知道如何。

除非填写所有文本输入字段，否则禁用表单按钮

我有一个具有多个文本输入的表单，我不想为每个添加id，因为它们是从服务器端代码生成的 – 字段数可能不同等等。我只是希望能够禁用提交按钮，直到那里是输入到每个文本输入的文本。 我已经做到这一点，但只禁用按钮，直到文本输入到一个文本输入字段 – 我希望它保持禁用状态，直到文本输入到所有文本输入。 $(function () { $(‘#button’).attr(‘disabled’, true); $(‘input:text’).keyup(function () { $(‘#button’).prop(‘disabled’, this.value == “” ? true : false); }) }); 我也尝试了$(‘input:text’).each().keyup(function (){ – 但是没有使按钮可点击？

改进单选按钮的使用以启用/禁用表单字段

我有两个单选按钮和两个相应的表单字段。 根据选择的单选按钮，一个表单字段被禁用，另一个表单字段被启用。 我的代码有效，但我认为可以改进。 现在我有两个独立的过程。 一个人检查页面加载时是否选择了哪个单选按钮，并禁用相应的字段。 另一个响应页面加载后用户的更改。 我相信它可以简化，但我不知道如何。 $(document).ready(function() { if ($(“#element_link_link_type_internal”).is(‘:checked’)) { $(“#element_link_url”).attr(“disabled”,”disabled”); } else { $(“#element_link_page_id”).attr(“disabled”,”disabled”); } }); $(document).ready(function() { $(“#element_link_link_type_internal”).click(function(){ $(“#element_link_page_id”).attr(“disabled”,””); $(“#element_link_url”).attr(“disabled”,”disabled”); }), $(“#element_link_link_type_external”).click(function(){ $(“#element_link_page_id”).attr(“disabled”,”disabled”); $(“#element_link_url”).attr(“disabled”,””); }); }); 谢谢！

$（“form”）。submit（function（）{在Firefox中不起作用

$(“form”).submit(function() { if ($(“#content”) != null) { $(“#content”).replaceWith(‘We are running as fast as our little ninja feet can go…’); } return true; }); 以上在Chrome上运行正常，但在Firefox上不起作用。 不知道为什么但是在Firefox中，表单实际上并未提交。 div替换有效但对提交没有爱，页面只是闲置。 这里的目的是捕获任何表单的提交并将一个微调器（CSS而不是图像）抛到页面上，直到返回post / put并且微调器被页面重载（非ajax）上的实际内容div擦除。 之前： 后： 代码已删除（现在显示的post）： Email Password Forgot your password? Didn't receive confirmation instructions? Didn't receive unlock instructions? $(document).ready(function () { App.init(); $(“form”).submit(function(){ if ($(“#content”) != null) { […]