Tag: 表单

多个单选按钮选择中的jquery show / hide元素

我对Web开发很新，如果你甚至可以称之为，尤其是jQuery，我用jQuery打了一个砖墙。 我所拥有的是一个表单（用于选择目的），以及一系列Paypal按钮。 我需要执行的function是显示/隐藏，但仅当选择了三个单选按钮的特定选项时。 每三个组合选择是显示/隐藏相应的贝宝按钮。 我可以通过单一forms的无线电选择来显示/隐藏，但不能用于组合。 你不得不原谅我的卷心菜编码，因为我还只是一个初学者，代码可能会更加优化，幸好它只是一个低流量的网站/小市场进入。对任何可以帮助我的人都感到荣幸。 设法隐藏所有按钮。 下面的脚本 $(document).ready(function(){ //Hide div w/id extra $(“#button1,#button2,#button3,#button4,#button5, #button6,#button7,#button8,#button9,#button10, #button11, #button12, #button13, #button14,#button15, #button16,#button17,#button18,#button19,#button20, #button21,#button22,#button23,#button24, #button25,#button26,#button27”).css(“display”,”none”); }); 这是表格html Choose from the following Leg options Choose what leg options you would like: 1 x Carvery and 1 x Butterfly Legs OR 2 x Carvery Legs OR 2 x Butterfly Legs […]

jquery。不止一次提交？

我有以下代码： $(‘.save’).submit(function(e){ var data = ‘id=’ + $(this).attr(‘name’) + ‘&’ + $(this).serialize(); var messageBox = $(this).next(‘.message’); messageBox.html(‘Saving… please wait…’); $.post(‘save.php’, data, function(response) { messageBox.html(response).delay(3000).fadeOut(‘slow’); }); e.preventDefault(); }); 然而，它工作得很好，当用户再次推送“保存”时，好像是$(‘.save’).submit(); 是不是再次被解雇….我至少没有在messageBox看到挂起或成功消息。 我错过了什么？ 编辑 我想到了。 当我fadeOut ，我并没有淡出错误div，我正在淡出整个messageBox div，所以一旦它display:none ，就没有什么messageBox它带回来。

jQuery如果没有，则将http：//添加为文本输入的前缀

我有一个文本输入，需要一个url作为值（完成http：//），如果用户自动添加，如果自动添加，我想要。 我的代码如下， jQuery的 $(‘.txtUrl’).keypress(function(e) { if(e.keyCode == 13) { var ini = $(this).val().substring(0,3); if (ini === ‘http’){ $.noop() } else { // get value from field var cur_val = $(this).val(); // do with cur_val $(this).val(‘http://’ + cur_val); } } }); HTML 小提琴中的问题

jQuery专注于输入/ textarea的内容 – 在IE8中无法正常工作

我希望我的网站上的输入字段在用户第一次点击它们时选择所有文本，但在IE8中，文本被选中一瞬间然后恢复正常。 在FF中工作正常。 我的js代码： $(document).ready(function () { //HTML DOM document is ready // Add this behavior to all text fields $(“input[type=’text’], textarea”).live(“focus”, function(){ // Select field contents this.select(); }); }); 有任何想法吗？ 我尝试在“.select（）”之后添加“.focus（）”并且奇怪的是它可以工作，但是在FF和IE中抛出了大量的js错误。 谢谢

如何使这个表单在提交时做两件事（AJAX和PHP邮件）？

这两种表单提交function都可单独工作，但如果我同时执行它们则不会。 //first, post results to a Google Spreadsheet $(‘#submit’).on(‘click’, function(e) { var jqxhr = $.ajax({ url: url, //google sheet URL method: “GET”, dataType: “json”, data : $form.serializeArray() }); });

在尝试使用jQuery的submitHandler时不提交表单

我正在将联系表单转换为AJAX，以便我可以执行成功function。 现在代码停止在submitHandler部分，说它是未定义的。 我的submitHandler怎么没有定义？ submitHandler(function(form) { 我是以正确的方式做到这一点的吗？ 我想使用我当前的PHP，因为我将它构建为jQueryvalidation的后端validation。 有没有人看到submitHandler有什么问题，以及可能阻止它发送的任何内容？ HTML <?php if($sent === true) { echo "Thanks, your message has been sent successfully”; } elseif($hasError === true) { echo ”; foreach($errorArray as $key => $val) { echo “” . ucfirst($key) . ” field error – $val”; } echo ”; } ?> <input type="text" class="contact_input" name="name" id="name" […]

对话框内容未在一页上加载

症状这适用于Wordpress博客 ，其中有一个链接用于激活包含表单的对话框。 链接和对话框可在网站的任何页面上找到。 它们由为网站审阅者设置的cookie激活。 条件1 – 首次访问HOME页面时，内容将不会加载到对话框中 条件2 – 在第一次访问时，转到主页以外的任何其他主页，对话框内容将按预期加载。 条件3 – 在第一次访问时，转到主页以外的任何主页，然后返回主页。 内容将按预期加载到对话框中。 条件4 – 首先转到主页，然后重新加载页面。 内容不会加载。 问题：我正在寻找有关问题可能来源的想法。 从查看firebug可以清楚地知道.load函数没有将内容加载到页面，见下文。 但是，我不太了解使用firebug来检测可能导致问题的原因。 另请注意，这不是cookie问题。 Cookie显示对话框的链接，该部分工作正常。 加载内容的脚本 jQuery(document).ready(function ($) { $(‘#testform a’).each(function(){ //set up variables var cancel = function() { $dialog.dialog(‘close’); }; //identify link to feedback form $link=$(this); //dialog variables $dialog=$(”) .load($link.attr(‘href’) + ‘ #form_container’ ,function(){ var testformoptions […]

Javascript – 禁用提交按钮，直到3个字段不为空

我有这个几乎工作的位： http ： //jsfiddle.net/HFzkW/我的代码看起来像这样： <form action="” method=”POST” > Your Name* Company Name Email Address* Phone Number* Industry Message $(function(){ $(“input[type=submit]”).attr(“disabled”, “disabled”); $(“#em”).blur(function() { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; var emailaddress = $(“#em”).val(); if(!emailReg.test(emailaddress) | emailaddress==””) { $(“#emailspan”).html(‘Please enter valid Email address’); }else{ $(“#emailspan”).html(”); } }); $(“#yn”).blur(function() { var namefield = $(“#yn”).val(); if(namefield==””) { $(“#namespan”).html(‘Please enter your […]

部分表格未提交

我正在处理一个小项目的问题。 我有一个包含9个字段的HTML表单。 如果我点击提交，它会发送一封包含所有表单数据的电子邮件。 仅在选择相应的单选按钮时才显示表单的一部分。 虽然这很完美（使用JQuery），但’subform’中的输入字段不会被提交。 其他输入字段工作得很好。 这是我的代码： HTML： Aantal groepsleden 2 3 4 5 6 Ik wil me inschrijven voor het pasta-buffet Ik neem niet deel aan het pasta-buffet Submit Sending… JQuery的： function displayForm(c) { if (c.value == “1”) { jQuery(‘#foodform’).fadeIn(); } if (c.value == “2”) { jQuery(‘#foodform’).fadeOut(); } }; PHP： <?php $siteOwnersEmail = 'Myemail@website.be'; […]

使用Jquery onchange事件自动提交表单

我尝试在更改输入字段时自动提交表单但没有任何反应但我只能使用“警告（消息）”显示消息，请帮助我！ 我的代码： Text 1 : $(‘#form input[name=text1]’).change(function(){ $(‘#form’).click(); //alert(“Changed!”);// This works });