Tag: 表单

如何添加到我的表格filter以允许多个复选框选择,以及从下拉列表中过滤?

我有一个表可以通过多个复选框以及“选择”下拉列表进行过滤。 基本上,我希望能够做的是点击多个复选框,以便找到包含该类的每一行,所以类1和3或示例,然后按位置过滤它。 我已经非常接近这一点,在这里我可以选择位置(也是一个类,两个字母用于州缩写),以及复选框中的单个类,但我希望人们能够比较多个类从复选框。 问题是我理解的,但似乎无法弄清楚如何解决。 代码将每个类添加到“tr”的末尾。 这意味着如果您从复选框中应用2个filter,它什么也找不到,而不是从每个filter中找到所有内容。 虽然这个行为对于1个复选框和Dropdown非常有用,这意味着它只会给我Tennessee的Filter 1值,我希望它能够同时给我Filter 2,Filter 3和Filter 4,如果我所以选择。 有关如何更改此选项以使其允许多个复选框选择的任何想法? 顺便说一下,我可以使用的JavaScript / jQuery插件非常有限,这就是为什么我很难使用tableSorter这个解决方案。 我的HTML: Filter 1 Filter 2 Filter 3 Filter 4 –Choose State– Tennessee Missouri Nevada Iowa State City, Tennessee Active JavaScript的: $(“input[name=’filterStatus’], select.filter”).change(function () { var classes = “”; var stateClass = “” $(“input[name=’filterStatus’]”).each(function() { if ($(this).is(“:checked”)) { classes += “.” […]

jQuery提交表单两次

我知道这个问题已经被回答了几百次,但是我已经遇到了大量潜在的解决方案,但它们似乎都没有在我的实例中起作用。 以下是我提交表格的表格和代码。 它触发了一个PHP脚本。 现在我知道脚本本身不是提交的原因,因为我手动尝试了表单,它只提交一次。 jQuery代码的第一部分涉及打开一个灯箱并从下面的表中提取值,我已将其包含在内,无论出于何种原因它都是潜在的问题。 jQuery代码: $(document).ready(function(){ $(‘.form_error’).hide(); $(‘a.launch-1’).click(function() { var launcher = $(this).attr(‘id’), launcher = launcher.split(‘_’); launcher, launcher[1], $(‘td .’+launcher[1]); $(‘.’+launcher[1]).each(function(){ var field = $(this).attr(‘data-name’), fieldValue = $(this).html(); if(field === ‘InvoiceID’){ $(“#previouspaymentsload”).load(“functions/invoicing_payments_received.php?invoice=”+fieldValue, null, function() { $(“#previouspaymentsloader”).hide(); }); } else if(field === ‘InvoiceNumber’){ $(“#addinvoicenum”).html(fieldValue); } $(‘#’+field).val(fieldValue); }); }); $(“#addpayment_submit”).click(function(event) { $(‘.form_error’).hide(); var amount = $(“input#amount”).val(); […]

如何使用jQuery AJAX $ .post存储PHP $ _SESSION变量?

救命! 我无法摔跤AJAX为我工作。 我有一个分页库,每个图像下面都有复选框,如果用户在页面之间移动,我需要将复选框值存储在会话变量中,因此当他们随时提交表单时,它将包括所有页面中的所有选中值。 我正在使用这个jQuery代码: $(document).ready(function() { $(“.gal-nav”).click(function() { $.post(“form-data-holder.php”, $(“#gallery-form”).serialize()); }); }); 和form-data-holder.php文件说: $value ) { if ( $key !== “submit” ) { $value = htmlentities(stripslashes(strip_tags($value))); $_SESSION[$key] = $value; } } ?> 我有两个问题 – 1)如何从serialize()函数中获取复选框值? 我认为我需要做更多的事情,比如value []来取出那个数组,然后我想把每个存储作为一个单独的会话变量 – 除非我可以将数组存储为$ _SESSION变量? 2)在我搞乱之前,我添加了行$ _SESSION [‘saved’] =“true”; 到PHP脚本,然后我回应我的画廊页面上的$ _SESSION键和值,看看AJAX请求是否正常工作。 不是。 当我返回页面时,$ _SESSION [‘saved’]没有添加到echoed $ _SESSION变量列表中。 任何帮助将不胜感激!!

javascript submit()不是函数?

可能重复: 提交不是javascript中的函数 为什么以下基本的javascript函数给我一个错误document.getElementById(“form”).submit is not a function 。 我在页面上唯一的东西是一个表单和这个javascript函数。 我希望他在访问页面时自动提交表单。 window.onload = function(){ document.getElementById(‘form’).submit(); }

提交表单时禁用按钮的最简单方法是什么?

我一直试图找到“正确”的方法来防止双重提交表格。 SO上有很多相关的post,但没有一个对我来说很有用。 下面两个问题。 这是我的表格 Send 这是我第一次尝试禁用双提交: $(document).ready(function(){ $(“.once-only”).click(function(){ this.disabled = true; return true; }); }); 这是这里建议的方法: 使用JS / Jquery发布后禁用按钮 。 该post表明提交元素必须是输入而不是按钮,但测试两者没有区别。 您可以使用这个小提琴自己尝试: http : //jsfiddle.net/uT3hP/ 如您所见,这会禁用该按钮,但也会阻止提交表单。 在提交元素是按钮和输入元素的情况下。 问题1:为什么此单击处理程序停止提交表单? 搜索更多我找到这个解决方案( 当我禁用提交按钮以防止双击时 , 为什么我的表单不发布? ) if($.data(this, ‘clicked’)){ return false; } else{ $.data(this, ‘clicked’, true); return true; } 你可以用这个小提琴来玩这个: http : //jsfiddle.net/uT3hP/1/ 这确实有效,但…… 问题2:这是我们能做的最好的吗? 我认为这将是一件基本的事情。 方法1不起作用,方法2不起作用,但我不喜欢它并且感觉必须有一种更简单的方法。

Jquery陷阱表单提交()

我目前正在使用jquery来捕获表单的提交,并向用户显示一个确认对话框。 如果用户单击是,则表单应提交。 如果用户单击否,则关闭对话框。 这一切都运行良好,但有一个问题:当用户单击是时,然后再次触发相同的代码,并重新打开对话框。 $(“#myform”).submit(function (event) { if (something) { var $dialog = $(”).dialog({ buttons: { “OK”: function () { $dialog.dialog(‘close’); $(“#myform”).submit(); return; }, Cancel: function () { $(this).dialog(“close”); } } }); $dialog.dialog(‘open’); event.preventDefault(); return false; } else { $(“#myform”).submit(); } }); 我理解为什么会这样,只是不确定最好的解决方法。 我意识到我可以在按钮点击上显示模态,而不是表单提交,但是这并没有解决用户点击键盘上输入按钮提交表单的问题。

在填写每个必填字段之前,如何使用jQuery禁用表单的提交按钮?

我有一个包含多个输入,选择框和文本区域的表单。 我希望禁用提交按钮,直到我指定为所需的所有字段都填充了一个值。 在它们全部填满之后,如果用户擦除了WAS字段的字段,我希望提交按钮再次返回到禁用状态。 我怎样才能用jQuery实现这个目标?

如何在jquery中序列化文件类型输入

以前使用Prototype我可以序列化输入类型文件,它给了我正在上传的文件的文件名但是当我在jquery中序列化表单时,我只得到输入类型文本而其他文件不是文件我该怎么做?

如果输入为空jquery,则禁用提交

免责声明:我知道有很多关于这个主题的问题并且已经得到了很好的解决,尽管在我的特定情况下我需要帮助。 我试图检查密钥上的输入值是否为空,然后禁用提交按钮。 我的HTML代码段: Username Password 我从这里使用了示例答案并进行了一些修改: (function() { $(‘.field input’).keyup(function() { var empty = false; $(‘.field input’).each(function() { if ($(this).val() == ”) { empty = true; } }); if (empty) { $(‘.actions input’).attr(‘disabled’, true); } else { $(‘.actions input’).attr(‘disabled’, false); } }); })() 任何帮助将不胜感激!

如何启用jqueryvalidation本地化?

我有一个使用jquery mobile实现的注册表单。 用户可以选择以德语,英语或法语填写此表单 – 有多个内部页面用于显示每种语言的表单。用户通过菜单按钮选择他们的首选语言。 我正在使用jquery validate插件来处理客户端表单validation。 这工作正常..我想知道如何在每个语言页面上为表单启用正确的错误消息? 当您从github下载插件时,它包含所有本地化错误代码,但我不知道如何启用它。 这是我用来处理为每个语言页面实现表单validation的JavaScript代码。 如果您能帮助我为德语和法语页面启用正确的错误消息,谢谢。 $(document).on(“pageshow”, “#page_deutsch”, function() { $(“#register_deutsch”).validate(); }); $(document).on(“pageshow”, “#page_english”, function() { $(“#register_english”).validate(); }); $(document).on(“pageshow”, “#page_francais”, function() { $(“#register_francais”).validate(); });