Tag: forms

具有两个事件function的按钮。 如何在第一个function期间停止第二个？

我有一个“删除”按钮，点击确认框上的取消，它仍然提交表格。 如果这两个事件函数适用于同一个按钮，那么停止表单提交的最佳方法是什么？ 属性data-confirm包含确认消息。 $(document).on(‘click’, “[data-confirm]”, (function () { return confirm($(this).attr(‘data-confirm’)); })); $(document).on(“click”, “input[type=’submit’], button”, buttonSubmit); 这是函数buttonSubmit ， buttonSubmit了自定义代码。 var buttonSubmit = (function (e) { e.preventDefault(); //… $(this).closest(‘form’).submit(); }); 鉴于取消确认，我如何防止buttonSubmit代码执行？

jqueryfilter脚本不忽略变音符号而不突出显示字符串匹配，因为用户将filter文本输入到文本输入字段中

我在同一个html页面上有多个词汇表。 在每个词汇表上方，我希望用户能够在文本输入字段中键入单词或短语，以仅查看包含键入的字符串（单词或短语）的表行。 例如，如果在文本输入字段中键入“good”，则不包含字符串“good”的表行将消失。 如果你去http://www.amanado.com/idioma-colombiano/ ，点击“Vocabulario（oficial y de jerga） – palabras y frases comunes”扩展手风琴部分，然后输入“good” “在”Ingresa palabra o frase en el siguiente campo para filtrarlainformacióndela tabla“下面的文字输入栏中。 在文本输入字段中键入“good”后，词汇表中除7行外的所有行都将消失（保留7行）。 我有以下3个问题： 1）我无法忽略重音（例如，é，ñ，ü），就像已成功忽略大小写一样。 例如，如果用户在输入字段中输入“que”，则包含“que”和“qué”的行不应消失。 但是，当您键入“que”时，包含“qué”的行会错误地消失。 如您所见，如果在输入字段中键入“que”（不包括引号），则将保留包含“que”的2条记录。 并且，如果您在输入字段中键入或粘贴“qué”（不包括引号），则将保留包含“qué”的6条记录。 2）我正在尝试使用jquery.highlight.js的一个版本来突出显示保持/不消失的行中的字符串匹配。 有关它应如何在视觉上显示的示例，请在此问题摘要的第2段中指示的输入字段中键入“que”，您将看到字符串“que”在保留/不消失的2行中突出显示。 请注意，这不能正常工作，因为我通过插入脚本“$（”table td“）来硬编码”que“突出显示.highlight（”que“）;” 进入html页面的“head”部分，目的是为了certificate（a）jquery.highlight.js是活动的/正在运行的，以及（b）提供一个如何突出显示文本的可视化示例。 3）除了允许用户在字段中输入单词或短语的javascript之外，还只查看包含输入的单词或短语的表行，而不是成功忽略重音（例如，é，ñ，ü），这是所需的行为，jquery.highlight.js脚本也没有成功忽略重音（例如，é，ñ，ü）。 例如，在此问题摘要的第2段中指示的输入字段中键入“pues”，您将在保留/不消失的行中未成功突出显示字符串“Qué”和“qué”的多个案例。 记住，我通过插入脚本“$（”table td“）来硬编码”que“突出显示.highlight（”que“）;” 进入html页面的部分，所以字符串“que”，“qué”，“Que”和“Qué”都应该在表行中突出显示，如果任何字符串“que”，则不会消失。 qué“，”Que“或”Qué“被输入到输入字段中，因为它意图忽略（a）情况和（b）重音（例如，é，ñ，ü）。 值得注意的是，“ignoreAccents”的function性包含在我正在使用的jquery.highlight.js版本中。 以下是： （a）我的html中出现的输入字段; （b）我用来使用户在字段中输入单词或短语以仅查看包含输入的单词或短语的表行的javascript（为了简洁起见，这在下面称为“filterjavascript” ）; 和 （c） jquery.highlight.js javascript的版本我用来突出显示文本。 请注意：我不是软件工程师，但如果有人告诉我具体做什么（例如，做出这个确切的更改，然后做出这个确切的更改，然后做出这个确切的更改），我确实知道如何实施更改。 我感谢任何人都能提供的帮助，特别感谢文字指示。 并且，我总是希望使用最少量的代码（例如，javascript，css，html）来实现最大化。 其他说明/注意事项包含在本问题摘要的底部。 […]

Ajax提交表单数据类型问题

我在使用ajax提交html输入表单时遇到了一些问题，而且datatype似乎有问题。 的背景： 从app engine向aws发送输入表单 在aws上创建一个pdf文件，将其保存在s3 ，然后将超链接发送回app engine 在app engine端，生成带有超链接的html页面 如果ajax调用成功，则重定向到在Step 3创建的页面 输入表格： Ajax调用： $(document).ajaxStart(function(){ alert(‘start’); }); $.ajax({ type: “post”, url: “/pdf.html”, data: $(‘#pdf_post’).serialize(), dataType: “html”, success: function () { alert(‘success’); window.location = “/pdf.html”; }, error: function (data) { console.log(data) alert(‘error’); }, }); 根据ajax调用，我的浏览器将被重定向到带有超链接的页面。 但这从未发生过，结果与dataType值有关： dataType: “html” ， ajax成功触发，但我收到错误消息： 405 Method Not Allowed The method GET […]

截取表单，添加数据，ajax，然后提交。

我想截取一个表单提交，将它放到一个位置，然后发布表单。 以下是我对失败的尝试。 我将一如既往地了解我出错的地方。 请注意我为什么要做我正在做的事情：我想存储表格的完整副本，HTML和所有，但仍然将选定的字段作为典型的表单提交处理。 我的ajax按预期保存HTML，但停止表单提交。 删除preventDefault（）会导致在ajax成功之前提交表单。 $(‘#myForm’).submit(function(event) { event.preventDefault(); $.ajax({ type: ‘POST’, url: ‘../../lib/processCompleted.php’, cache: false, dataType: ‘text’, data: { PracticeID: PracticeID }, success: function (data) { alert(‘success’); // I would then like to submit the form as usual. //return true; //$(‘#myForm’).submit(); }, error: function () { alert(‘boo’); } }); }); 干杯

如何使用jQuery将2个值组合成一个值

我提交了一个名为“CCExp”的表单元素，它由两个选择框#Month和#Year组成。 我需要结合#Month和#Year，因此它提交为MM / YYYY。 $(“#CCExp”).val($(“#Month”) + ‘/’ + $(“#Year”)); 这很接近吗？

JQuery没有解决我的Rails 3.2项目

在标题中，我确保所有需要的JS文件都包含在元标记中，包括jquery-rails / coffee-rails gem，链接到外部标记以防万一。 这是来自Ryan Bates Stripe教程的修改过的脚本，据我所知它通过检测表单中的提交动作来启动它。 由于我不熟悉JS或CoffeeScript，我无法确定这里的问题是什么。 非常感谢我能得到的任何帮助。 donations.js文件： jQuery -> Stripe.setPublishableKey($(‘meta[name=”stripe-key”]’).attr(‘content’)) donation.setupForm() donation = setupForm: -> $(‘#new_donation’).submit -> $(‘input[type=submit]’).attr(‘disabled’, true) if $(‘#card_number’).length donation.processCard() false else true processCard: -> card = number: $(‘#card_number’).val() cvc: $(‘#card_code’).val() expMonth: $(‘#card_month’).val() expYear: $(‘#card_year’).val() Stripe.createToken(card, donation.handleStripeResponse) handleStripeResponse: (status, response) -> if status == 200 alert(response.id) else alert(response.error.message) 捐款/ new.html.erb表格 […]

JQUERY自动填充来自另一个选择输入的选择输入

编辑1 我从这段代码获取courseID： $coursesOutput = ”; while($row = mysql_fetch_array($result2)){ $courseID = $row[‘courseID’]; $courseName = $row[‘name’]; $coursesOutput .= ” . $courseName . ”; } 我的php脚本如下（返回一个echo语句） <?php include ("includes/connect.php"); $courseID = mysql_real_escape_string($_GET['courseID']); $sql = "SELECT tee1, tee2, tee3, tee4, tee5 FROM courses WHERE courseID='$courseID' LIMIT 1"; $result = mysql_query($sql) or die(mysql_error()); while($row = mysql_fetch_array($result)){ $tee1 = $row['tee1']; $tee2 […]

jQuery Ajax表单数据

我有一个Ajax表单。 我正在截取表格的ID。 当我的ajax电话成功时。 我想通过此Id表单提交前成功。 这样我就可以将结果追加到我想要的地方。 这是代码 function StatusComments() { $(‘.status-comment’).submit(function() { $(this).ajaxSubmit(options); return false; }); var options = { beforeSubmit: showRequest, success: showResponse, resetForm: true }; function showRequest(formData, jqForm, options) { var formID = $(this).attr(“id”); } function showResponse(responseText, statusText, xhr, $form) { alert(responseText); var formID = $(this).attr(“id”); alert(formID); } }

jQuery单选按钮 – 只选择一个？

这可能是一个愚蠢的简单问题，但我被困住了。 我创建了一个包含多个复选框的表单，当单击复选框时，它会将每个复选框的值作为逗号分隔列表传递给隐藏的输入字段。 这是一种享受。 但由于一些问题，我现在必须改变我的代码，以便它使用单选按钮 – 所以没有逗号分隔的值列表，一次只有一个。 我改变了代码把它交换到单选按钮， 除了两件事情之外它工作得很好：1）它不是在单选按钮之间切换（每次我选择一个按钮，它保持选中，因为我选择其他按钮）和2）它正在添加到列表而不是返回所选的单个选项。 换句话说，它仍然像一个复选框，除了视觉上，它是圆的，有一个点。 大声笑 到目前为止，这是我的代码： jQuery(document).ready(function($) { $(‘:radio’).click(function() { var radio = $(this); var text = $(‘input[name=”cat”]’); if(radio.is(‘:checked’)) { text.val(text.val() + radio.val()); //alert(text.val()); } else { text.val(function() { $(this).val().replace(radio.val(),””); }); } }); }); 因此，当我取消注释该“警告”行时，我可以看到传递的内容，它只是添加到列表而不是替换为新值。 任何人都知道如何解决上述问题，因此只能选择并传递一个选项？ （上面的代码作为一个复选框工作非常棒 。我实际上认为我从这里得到了上面的代码，虽然我不记得在哪里！） 编辑：这里的代码解决了这个问题，并得到了一个享受（感谢大家:)） – 也许它将来会帮助别人。 `jQuery(document).ready(function($) { $(‘:radio’).change(function() { var radio = $(this); var […]

停止表单提交（jQuery）

我正在尝试使用Javascript / jQuery停止提交表单，其中包含： $(‘form#checkRepair’).submit(function() { return false; }); 这适用于所有浏览器，但不适用于Internet Explorer（版本8）。 在Internet Explorer版本9中，有效。 有谁知道问题是什么？ 我使用的是jQuery 1.6.4版。 $(‘form#checkRepair’).submit(function() { var nrObra = $(‘#nrObra’).val(); var nrDocCliente = $(‘#nrDocCliente’).val(); if((nrObra == ” || nrObra == ‘Número de Reparação’) && (nrDocCliente == ” || nrDocCliente == ‘Doc. Cliente’)) { $(‘form#checkRepair .error’).show(); return false; } $(‘form#checkRepair .error’).hide(); var nrJoja = $(‘#nrLoja’).val(); […]