Tag: forms

Laravel – 使用typeahead搜索：在提交时显示结果

我在Laravel中实现了Typeahead，我得到了输入中写的结果列表。 我需要的是，当您单击提交按钮时，显示页面上列出的结果。 我该怎么做？ typeahead.js var lang = $(“#lang_js”).data(‘value’); var json_location = ‘http://’ + window.location.hostname + ‘/public/storage/json/’; var noticia_location = ‘http://’ + window.location.hostname + ‘/actualidad/’; var noticias = new Bloodhound({ prefetch: { url: json_location + lang + ‘/’ + ‘noticia.json’, cache: false }, datumTokenizer: Bloodhound.tokenizers.obj.whitespace(‘title’, ‘lead’), queryTokenizer: Bloodhound.tokenizers.whitespace }); $(‘.typetitulo’).typeahead( { name: ‘noticias’, display: ‘title’, source: […]

在输入上添加类（如果值未更改，则删除）

我已经编写了这个简单的js来为焦点上的输入添加类，并在它失去焦点时删除它（如果值为空）。 但是，无论值是否为空，都不会删除该类。 感谢您的帮助，非常感谢 HTML： Send JS： // When input is focussed $(‘#prospects_form > *’).focus(function() { $(this).addClass(“hasText”); }); $(‘#prospects_form > *’).blur(function() { if ($(this).val === ”) { $(this).removeClass(“hasText”); } });

如何捕获表单值并通过电子邮件作为ajax请求发送它们？ 轨道

我正在尝试设置一个简单的表单，用户在其电子邮件地址中键入以订阅简报。 然后，我会收到一封包含用户电子邮件地址的电子邮件。 这是我到目前为止所尝试的： 表格： Subscribe 路线 post ‘subscribe/:email’, :to => ‘welcome3#subscribe’, as: “email_subscribtion” 控制器： class Welcome3Controller < ApplicationController def subscribe EmailMeMailer.confirmation().deliver end end 邮件： class EmailMeMailer < ApplicationMailer default from: "info@example.com" def confirmation @greeting = "Hi" mail to: "my_email_address@gmail.com", subject: "subscribtion confirmation" end end JQuery Ajax方法： $(‘#sub_form’).submit(function(e) { e.preventDefault(); }).validate({ rules: { email: { required: […]

根据单选按钮选择显示表单域

我有一个表单，我只需要根据顶部单选按钮的选择显示某些选项。 由于某种原因，它无法正常工作。 有任何想法吗？ 下面是jsfiddle。 如果需要进一步说明，请告诉我，谢谢！ http://jsfiddle.net/jmL7w2ed/ $(‘#choose-one’).change(function () { if ($(‘#choose-one:checked’).val() == ‘Sold’) { $(‘.resultDetail’).hide(); $(‘.resultDetail.sold’).show(); } else if ($(‘#choose-one:checked’).val() == ‘Not Demoed’) { $(‘.resultDetail’).hide(); $(‘.resultDetail.notDemoed’).show(); } else if ($(‘#choose-one:checked’).val() == ‘Not Sold’) { $(‘.resultDetail’).hide(); $(‘.resultDetail.notSold’).show(); } });

Jquery – 查找匹配的选定选项和标签以显示相应的字段

解决： http ： //jsfiddle.net/arkjoseph/swDy5/20/ 目标是创建一个亚马逊风格的搜索框，它将减少一页上多个输入搜索/过滤字段所需的空间量。 搜索流程： 从搜索表单中获取标签。 将标签附加到选择选项字段。 在选择更改时，获取所选值。 如果选择的val与标签匹配，则显示最接近的div.input，div.option （这是一切都出错的地方。由于我正在搜索数组，我认为我无法找到标签附近最近的隐藏容器。有什么提示吗？ ） 到目前为止，我已将新的选择值传递给数组，并尝试在更改时找到匹配项。 $(“body”).append(“”); var _op = []; var _se = “”; $(“.views-exposed-widget label”).each(function(){ var text = $(this).text(); _se += ”+ text +”; _op.push($(this).text()); // Monthly Release,Title,New Provider/Show Name }); $(“#selopt”).change(function() { $(“form .views-exposed-widget .views-widget”).fadeOut(); _op[$(this).val()].next(‘div’).css(“z-index”,”100″).fadeIn(); }); 更新了Jquery： http ： //jsfiddle.net/arkjoseph/swDy5/14/

jquery提交function不起作用

谢谢你的期待。 我有一个问题，我似乎无法让提交function工作。 如果需要，请加载登录表单 login_box_comment = function(){ $(“body”).append(”+ ”+ ‘ LOGIN’+ ‘ ‘+ ”+ ”+ ”+ ‘Username’+ ‘Password’+ ‘Log me on automatically each visit’+ ‘Hide my online status this session’+ ‘Register | ‘+ ”+ ‘ Processing…’+ ”+ ”+ ”+ ”); $(‘#login_form_modal’).modal(); } 并提交function $(“#status > form”).submit(function(){ alert(‘working’); }):

使用jqueryvalidation单选按钮？

如何使用jQueryvalidation这两个单选按钮？ 应检查一个按钮： Kyllä Ei 我知道如何validation常规文本输入字段，但我想知道这个。 $(function() { $(“#submit”).click(function(){ //validation part var dataString = $(‘#service-test’).serialize(); //alert (dataString);return false; $.ajax({ type: “POST”, url: “../quiz.php”, data: dataString, dataType: “text”, error: function(){ alert (‘Nyt jotakin meni kyllä pahemman kerran pieleen. Yritä uudelleen?’); }, success: function(data) { $(“#resultcontainer”).html(data); $(“#service-test”).hide(); } }); return false; }); });

jQuery – 为什么$（’form’）。get（0）.submit（）不会触发附加的提交处理程序？

假设我为表单创建了以下处理程序（回调）： $(‘form’).submit(function (event) { event.preventDefault(); alert(‘form submitted’); }); 为什么调用$(‘form’).get(0).submit不调用submit处理程序？ 表单直接提交。

关闭按钮上的关闭窗口或选项卡

我的浏览器中打开了一个标签，用于运行我的网站。 单击按钮后，我的站点将打开其他窗口或标签，每个窗口或标签中都有不同的URL。 执行此操作的JS提供如下： $(document).ready(function(){ function get(id) { return document.getElementById(id); } $(“#submit”).click(function() { get(“guitarcentertext”).value = get(“item”).value; get(“music123text”).value = get(“item”).value; get(“musiciansfriendtext”).value = get(“item”).value; get(“prosoundtext”).value = get(“item”).value; $(“input#guitarcenterbutton”).click(); $(“input#btnSearch”).click(); $(“input#musiciansfriendbutton”).click(); $(“input#prosoundbutton”).click(); return false; }); }); 问题：有没有办法在点击另一个按钮时，我可以关闭我之前打开的标签？ 谢谢你的帮助！ 🙂

jQuery ajax – 使用表单提交更改jQuery目标值

我有一个简单的jQuery表单，使用malsup（ http://jquery.malsup.com/form/ ）的jQuery表单插件和我用于测试的ajax（下面）。 在我的页面上，我有多个表单。 在提交表单时，我需要将结果发布到特定div（我使用“目标”方法）。 我一直试图找出如何根据提交的表单更改结果的“目标”。 我会假设（我非常有限的jQuery知识），如果我为每个表单添加一个隐藏字段，我可以做一个if语句（我发现类似的搜索堆栈溢出，但无法让它适用于我的情况）告诉jQuery哪个目标要使用，但我不确定如何去做（我的尝试都没有奏效！）。 任何帮助将不胜感激。 $(document).ready(function() { $(‘#htmlForm’).ajaxForm({ target: ‘#info1’, success: function() { $(‘#info1’).fadeIn(‘slow’); } }); }); First name: Last name: Message: