Tag: 形成

在复选框上单击使用ajaxform提交表单

我正在尝试实现它在标题中所说的内容。 我正在使用jQuery,我有一个在我的应用程序的其他地方使用的ajaxForm插件。 我目前的代码是 $(‘form.date-response input[type=checkbox]’).live(‘click’, function(){ $(this).parent(‘form’).submit(); }); 但它似乎所做的只是提交表单,该表单有效,并且可以完成工作,但它会发布到发布它的操作。 与其他表单不同,它不使用ajaxForm()请求。 讨论中的插件是http://jquery.malsup.com/form/#ajaxForm

需要允许表单重新提交Rails AJAX

我正在编写一个应用程序,我希望能够通过AJAX将人员添加到部门,但是虽然我可以删除多次,但我不能添加多次。 似乎表单无法多次提交。 我正在使用部分(包含两种类型的表单)。 唯一的区别是只有一个“添加forms”和许多“删除forms”(因为你可以同时在许多部门)。 @person.id, :department => department), :method => :post, :class => “remove_form”, :remote => true do %> “btn”%> 是多次生成的 @person.id), :method => :post, :remote => true, :class => “add_form” do %> “btn add-btn”%> 生成一次。 我的javascript是 $(‘.remove_form’).on(‘ajax:success’, function(event,data) { d = jQuery.parseJSON(data) $(‘#departments’).html(d.html) return false }) $(‘.add_form’).live(‘ajax:success’, function(event,data) { d = jQuery.parseJSON(data) $(‘#departments’).html(d.html) return […]

PHP失败的jQuery Mobile Formvalidation

我正在尝试为我正在使用PHP后端构建的jQuery Mobile站点中的某些表单字段添加一些validation。 我在过去使用jquery.validate插件成功完成了这个,但是我无法使用jQuery Mobile。 validation在这个jsFiddle页面中有效: http://jsfiddle.net/GeX5C/5/ 但是当我从托管的PHP页面单击提交按钮时,我无法触发它。 根据我的阅读,我不能使用通常的: $(document).ready(function(){ 方法,但不知道该替换什么? 非常感谢这里的任何帮助。 谢谢

使用jquery从表单中选择多维数组

我试图用JQuery选择一个多维表单项。 但是当我试图提醒它的价值时,我只是得到一个undefined 。 这是我的表格: Name 1 Name 2 Name 3 Name 4 当我点击提交按钮时,我尝试选择所有表单元素。 我成功选择了文本输入字段: var item1i = $(‘input[name=”item[1][id]”]’); var personi = $(item1i).val(); 但是当我尝试选择这样的select标签时: var item1n = $(‘input[name=”item[1][name]”]’); var personn = $(item1n).val(); 当我提醒personi ,会显示正确的值。 但当我提醒personn我得到了undefined 。 知道我做错了什么吗?

如何检查收音机也选择组中的其他字段?

我有一个很长的forms与字段组。 当选择一个无线电场时,我还需要它在同一个div中选择几个“隐藏”字段并在提交时传递这些值。 如果选择了另一个无线电,则需要清除这些隐藏的字段,而选择其他组。 示例1 – 选择Radio 1,选择相同div / fieldset中的所有隐藏字段: A组: 收音机1(已选中) 隐藏场1a(已选中) 隐藏字段1b(已选中) 隐藏场1c(已选中) B组: 电台2 隐藏场2a 隐藏的场2b 隐藏的场2c 示例2 – 选择无线电2,其选择相同div / fieldset中的所有隐藏字段,取消选择所有无线电1字段: A组: 电台1 隐藏的领域1a 隐藏的领域1b 隐藏的领域1c B组: 收音机2(已选中) 隐藏场2a(已选中) 隐藏字段2b(已选中) 隐藏场2c(已选中) 视觉示例: 示例HTML: Item 1 Item 1, Options Set A Label Item 1, Options Set B Label Item 2 Item 2, Options […]

带有表单的页面中的ajax请求问题。 jQuery的

我正在使用jQuery ajax函数制作一些东西,当我在html中间放置一个表单时我遇到了问题。 简而言之:我有一个由ajax控制的虚拟表单,当提交时,ajax函数完成下面的输入。 ajax提交的数据包含在单击表单外部按钮时提交的表单标记中。 我做到了,因为我需要以两种不同的方式发送相同的数据。 代码: HTML Nombre: CUIT: … Some inputs below … jQuery的: $(‘document’).ready(function(){ $(‘#formxls’).keypress(function(e){ // it prevents the form will send by pressing enter if(e == 13){ return false; } }); $(‘#xlsexport’).click(function(){ $(‘#xls’).val(‘true’); $(‘#formxls’).submit(); }); $(‘input#btnEnviar’).click(function(){ if($(‘#xls’).val() == ‘true’) $(‘#xls’).val(”); $(‘div#selectData’).empty().removeAttr(‘style’); $.ajax({ // ajax request code }); 问题是: 当我通过buttom“xlsexport”提交表单时,一切都很好,但是当我通过ajax buttom(“btnEnviar”)提交表单时,它会执行它应该做的事情然后它发送表单,所以我丢失ajax加载的所有数据。 我该如何解决? 还有其他方法吗? […]

尽管submitHandler有效,但它不会被触发

我AJAXified评论系统,所以当点击Post Comment按钮时,ajax调用而不是原始表单提交。 感谢我的另一个问题。 如果绑定对象被ajax刷新,则提交不起作用,即使提交按钮被刷新,这也可以正常工作。 现在我想在提交之前validation表单,但我无法使其工作。 即使表单有效,也不会调用submitHandler选项。 alert( “Valid: ” + commentform.valid() ); 触发并且在执行原始提交之后不是ajax。 提交表单的javascript看起来像 jQuery(document).ready(function($){ $(‘#content_container’).on(“submit”,”#commentform”,function(){ var commentform=$(‘#commentform’); // find the comment form console.log(‘Post Comment button was clicked’); var validator = $(“#commentform”).validate({ onsubmit: false, rules: { author: “required”, email: { required: true, email: true }, url: { url: true }, comment: “required” }, messages: { […]

成功的Ajaxpost显示错误消息

我的表单使用Ajax通过POST正确提交数据。 但是,我试图在成功提交后重定向用户。 问题是,即使表单成功提交,而不是重定向用户它会显示错误。 根据firebug我提交的页面,正在抛出200个成功代码。 我正在使用jquery 1.8.3。 我的代码: $(document).ready(function() { $(“#form4”).submit(function(e) { e.preventDefault(); var frm = $(‘#form4’); $.ajax({ type: ‘POST’, url: ‘http://requestb.in’, data: frm.serialize(), success : function() { window.location = “http://www.google.com”; }, /*error : function() { alert(“Something went bad”); }*/ }); }); 这是我的表单HTML: 为了找出确切的错误,我将以下代码添加到我的脚本顶部,我在此POST中找到了: $(function() { $.ajaxSetup({ error: function(jqXHR, exception) { if (jqXHR.status === 0) { […]

如何从div中收集数据以在表单中使用

我必须首先承认我对jQuery并不十分精通。 我正在尝试构建一个消息传递系统。 我有一个消息流,其中包含分为具有唯一标识符的div的唯一信息。 这些div还包含我希望传递给表单的其他信息。 在每个div中都有一个启动函数的链接。 该函数是启动ajax请求以获取表单。 如何动态生成这些链接以从其父div中收集数据并将其插入我请求的表单中? 以下是消息的一些代码: UsrName … Some words will flow here. And here is another line. The standard carrige return will now cause a wrap to another line. Aug 13th at 6:34am … reply | 我想收集的数据是初始div标签中的id以及归类为“usr”的内容div标签。 我想使用的链接是href“reply_link。 该链接已经做了很多事情,例如更改div的可见性并隐藏所有其他内容。 我也需要它,将这些信息传递给我的表格。 它目前正在使用.load Ajax方法。 任何帮助将不胜感激。 谢谢。

如果他们试图离开网页,如何提示用户未保存的更改

可能重复: 如何阻止页面在JS中卸载(导航)? 离开网页时提示用户输入未保存的更改 我有一个php格式,我在Dreamweaver中设计,只包含文本字段,从我的数据库中一次检索一条记录。 我在此页面上还有一个“更新记录”按钮,当单击该按钮时,会更新数据库记录,并对表单中的数据进行任何更改。 我希望如果用户以某种方式编辑表单数据并尝试离开页面而不单击“更新记录”按钮,则会提示他们页面包含未保存的更改,并且会要求他们validation是否要离开或不(如果可能的话,可能通过一些javasript)。 任何帮助深表感谢。