Tag: 表单

Javascript – 在新窗口中选择元素打开URL并提交表单

更新 – 请阅读以下原始问题的更多详细信息 我有一个带有各种url的select表单元素,我想在选择时在新窗口中打开 – 要做到这一点,我在元素的onchange事件中有以下代码: window.open(this.options[this.selectedIndex].value,’_blank’); 这很好用。 但是我也想在更改这个选择元素值时提交表单 – 我尝试了各种各样的东西,但我似乎无法让它工作。 我有jquery,所以如果通过它更容易实现那么那很好。 更新 – 我刚刚意识到上面还有另一个问题,因为有些url实际上用于生成和输出pdf,而这些不起作用 – 它们打开然后立即关闭(至少在IE7中)。 更新07/05/09 – 我现在已经开启了这个问题的赏金,因为我真的需要提出一个有效的解决方案。 我最初通过显示链接而不是表单选择元素来解决问题,但这不再可行。 我需要上述原因的原因是我有大量可能需要查看/打印的文件,太多而无法合理地显示为链接列表。 我需要提交表单以记录查看/打印特定文件的事实,然后在表单上显示文件历史记录的日志 – 我很乐意实现这方面的事情,所以不需要那里的帮助,但我认为这有助于确定背景。 因此,为了澄清我的要求 – 我需要一个表单选择元素和’查看’按钮,单击它时不仅会在新窗口中启动文件下载(请注意我在这些文件是PDF时遇到的上述问题),还要提交包含select元素的表单。

将变量从PHP传递到javascript并传递到html表单

我有一个非常小的问题,我使用jQuery,jQuery表单和PHP Mail在WordPress中设置的联系表单发送一个表单生成的电子邮件。 要替换我在联系表单页面中执行pHpvalidation的当前联系表单,然后使用PHP Mail发送,我设计了以下简单的html 5表单(可在此页面上看到: http://edge.donaldjenkins .net / contact ): Name E-mail Phone Website Question/Message If you want to submit this form, do not enter anything in this field 然后我使用jQuery validate [jquery.validate.js]和form [jquery.form.js]插件来执行客户端validation: $(function(){ $(‘#contact’).validate({ submitHandler: function(form) { $(form).ajaxSubmit({ url: ‘send-message.php’, success: function() { $(‘#contact’).hide(); $(‘#instructions’).hide(); $(‘#status’).show(); $(‘#popular-posts’).show(); $(‘#status’).append(“Thanks! Your request has been sent. One […]

以编程方式从多个输入字段上载多个文件 – blueimp jquery fileupload

我正在尝试使用blueimp / jQuery-File-Upload插件通过PHP上传处理程序将图像存储在服务器中。 我一直在关注这些post,以使其工作: https://github.com/blueimp/jQuery-File-Upload/wiki/API https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields-in-One-Form 以一种forms以编程方式发送多个文件输入字段 BlueImp插件jQuery文件上传:如何使用fileInput选项,以便fileupload()可以绑定新动态添加的输入? 我正在使用的文件上传表单,有多个动态添加的文件输入字段。 例如,添加3个字段后: … … … … … … Save 我可以使用以下JS代码从这些字段成功上传文件: var imageUpload = { init: function (selector, context, options) { selector = selector || ‘.file-upload’; context = context || $(‘.entry’); var filesList = []; var url = site_url + ‘/doUpload’; $(selector).fileupload(options || { url: url, type: ‘POST’, […]

动态创建和填充选择

我有2个表,省和区。 我想在一个选择字段中填入选项作为区域名称,根据在另一个选择中选择哪个省。 Districts表有一个ProvinceID字段,用于引用它所属的省份。 我知道这是可行的,我只是想不出来。 我还想创建和更新新的区域选择而不刷新页面。 更新:我用PHP和MySQL编写它,尽可能少地使用jQuery。

单击更改为文本区域时,外部单击更改回来

我正在尝试创建一个像PHPadmin这样的函数,当他们显示表格时,他们正在使用它们,当点击div字段时,更改为文本区域,当点击div之外时,将其更改回div字段。 下面的代码是错误的,当我点击外面时,我无法更改回div文件。 请帮我改进代码。 JS: $(‘#editor #gird_edit’).bind({ click: function() { $(this).html(”+$(this).text()+”); }, blur: function() { $(this).html(”+$(this).text()+”); } }); HTML: hallo world hallo world 2 hallo world 3 我只有8个声誉,我不能投票给你。 不过,我真诚地感谢您的帮助!

jQuery:如果选择了特定的选项,则显示div?

我正在购买购物车的地址页面。 有2个框,一个用于Country,一个用于Region。 有6个标准国家/地区,否则用户必须选择“其他国家/地区”。 元素都有一个数值 – Other Country是241.我需要做的是隐藏Region 如果用户选择Other Country,并显示textarea。 任何帮助很多人赞赏!

如何使用jquery中的ajax调用在一个页面上将表单提交到不同的页面

我有一个名为page2.php的页面。 它有一个允许您通过jquery ajax调用搜索的表单。 代码如下。 我的问题是,我在page1.php上有一个不同的表单。 如何在page1.php上提交表单以转到page2.php并使用page1.php上的表单中的数据执行下面的page2.php代码? 我知道这很可能很简单,现在有一个脑屁。 $(function() { $.validate({ form: ‘#form_search’, validateOnBlur: false, errorMessagePosition: ‘top’, onSuccess: function(form) { var formval = $(form).serialize(); var formurl = ‘/page2.php?a=search’; $(‘#form_results’).html(‘Searching, please wait…’); $.ajax({ type: ‘POST’, url: formurl, data: formval, success: function(data){ var json = $.parseJSON(data); $(‘#form_errors’).html(json.message); $(‘#form_results’).html(json.results); } }); return false; } }); }); 更新这是我提到的表格。 在page1.php这就像右侧栏上的模块。 只是一个我要发布到page2.php […]

不错的搜索url

我有一个提交到搜索页面的表单。 我可以在后端处理MOD_REWRITE的东西,但是想知道最好的方法,首先以一种漂亮的格式获得搜索结果页面。 是否最好收到表单提交,然后重定向到更好的url结构。 在以下示例中,用户搜索blah 。 /search.html?searchterm=blah 哪个重定向到 /search/blah/ 或者我可以(我的首选)在用户点击提交按钮后以某种方式使用javascript(或jQuery)执行此操作?

覆盖jqueryvalidation插件中的函数

我正在使用jquery表单validation插件来validation长表单。 如果用户提交的表单包含多个无法validation的字段,则光标将返回到未通过的最后一个字段。 相反,我希望将光标返回到validation失败的表单中的第一个字段。 而不是修改插件,我想覆盖focusInvalid,它嵌套在“prototype:{…}”中: focusInvalid: function() { if( this.settings.focusInvalid ) { try { $(this.findLastActive() || this.errorList.length && this.errorList[0].element || []).filter(“:visible”).focus(); } catch(e) { // ignore IE throwing errors when focusing hidden elements } } }, 我已经尝试在下面添加我自己的focusInvalid版本,但我无法让它工作: $(“form#user-register”).validate({. . .}); 有什么指针吗?

使用ajax提交表单validation时会被忽略

我的页面中有这个javascript函数。 $(document).ready(function(){ $(‘input[type=”radio”]’).click(function(){ if($(this).attr(“value”)==”InfiStallStock”){ $(“.e-stock-saldo-box”).hide(); $(“.InfiStall ul li .infistallLocation”).attr(‘required’); $(“.Delivery ul input:radio”).removeAttr(‘required’); $(“.Delivery ul input:text”).removeAttr(‘required’); $(“.InfiStall”).show(); } if($(this).attr(“value”)==”DeliveryStock”){ $(“.e-stock-saldo-box”).hide(); $(“.InfiStall ul li .infistallLocation”).removeAttr(‘required’); $(“.Delivery ul li input:radio”).attr(‘required’); $(“.Delivery ul input:text”).attr(‘required’); $(“.Delivery”).show(); } }); }); function enableList(element) { var select = document.getElementById(“select”+element.id.substring(element.id.length-9)); enableSubmit(); showUp(); if(element.checked === true){ select.disabled = false; checkSelect(select); }else{ select.disabled = true; select.selectedIndex […]