Tag: 表单

表单提交没有页面刷新

有人可以向我展示一个使用jquery显示成功表单提交 而不刷新页面的教程。 当邮件发送时,gmail会发生类似的情况,黄色叠加显示邮件已发送然后淡出。 我希望根据表单提交的结果显示消息。

将表单中多个输入框的值复制并连接到一个输入字段

复制/复制并将多个输入框的值连接到一个 我有街道,城市,州和邮政的输入字段和第五个说完整地址的字段。 我正在尝试将完整地址[与作为分隔符连接]与完整地址上填写的所有上述四个字段连接起来。 这是我到目前为止所拥有的。 第一个复制(街道地址),但我需要帮助连接其他领域…… 你可以在这里小提琴: http : //jsfiddle.net/subigya/PeVAj/ 类型= “文本/ JavaScript的”> $(‘#street’).bind(‘keypress blur’, function() { $(‘#latlongaddress’).val($(this).val()); }); $(‘#city’).bind(‘keypress blur’, function() { ..need help … }); Name of Salon: Street Address: City: State: AK AL AR AZ CA CO CT DC DE FL GA HI IA ID IL IN KS KY LA MA MD ME […]

如何通过单一提交提交多个表单?

我在同一页面上有多个表单,但我想将所有表单一起提交一次,而不是一次提交一个表单。 我的方法是克隆另一个表单中的所有数据并立即提交但是它的开销。 那么,是否有另一种方法可以提交一次多个表单数据。 在此先感谢您的帮助。

Rails通过ajax提交表单并更新视图

我想通过ajax更新表单提交而不重新加载页面并根据它更新视图。 我尝试了不同的方法,并因为我对rails的新手而失败了。 这是情况。 在模态中 def new @new_entry = current_user.notes.build @words = current_user.notes @notes_false_list = current_user.notes.where(known: false).order(“title”).group_by { |note| note.title[0] } @notes_true_list = current_user.notes.where(known: true).order(“title”).group_by { |note| note.title[0] } end 在视图中的表单代码。 {:class => ‘home-form without-entry clearfix’} do |f| %> 创建动作 def create @new_note = current_user.notes.build(new_note_params) if @new_note.save @notes_list = current_user.notes.count unless @new_note.user.any_entry @new_note.user.toggle!(:any_entry) if @notes_list >= […]

延迟后用jQuery提交表单

我有一个非常简单的HTML格式,我想在文件准备就绪后的2000ms(延迟)之后提交此表单,而无需按下提交按钮。 我怎么能用jQuery脚本做到这一点? Value A Value B 我找不到命令说“何时……提交表格”。

如何使用AJAX / JSON提交表单?

目前我的AJAX工作方式如下: 的index.php One workspace https://stackoverflow.com/questions/3438123/how-to-submit-a-form-with-ajax-json/one.php $arr = array ( “workspace” => “One” ); echo json_encode( $arr ); ajax.js jQuery(document).ready(function(){ jQuery(‘.ajax’).live(‘click’, function(event) { event.preventDefault(); jQuery.getJSON(this.href, function(snippets) { for(var id in snippets) { jQuery(‘#’ + id).html(snippets[id]); } }); }); }); 上面的代码工作得很好。 当我单击链接‘One’时,执行https://stackoverflow.com/questions/3438123/how-to-submit-a-form-with-ajax-json/one.php并将字符串“One”加载到工作空间DIV中 。 题: 现在我想用AJAX提交一个表单。 例如,我在index.php中有一个像这样的表单。 当我提交表单时, https://stackoverflow.com/questions/3438123/how-to-submit-a-form-with-ajax-json/one.php应该在工作区DIV中打印文本框值。 $arr = array ( “workspace” => $_POST[‘myText’] ); echo […]

后退按钮上的清晰表格?

我有一个页面,其中包含一个表单中的几个复选框,选中后,使用jquery从表中过滤相应的信息。 我的问题是以下情况: 有人检查一个或多个框,从表中隐藏行 他们点击一个链接,转到另一个页面 他们点击后退按钮。 此时,仍会选中复选框(至少在chrome中),但所有表行都可以再次查看。 有任何想法吗?

如何使用jQuery来提交并检查值是否为2 – 5个字符?

假设我有一个文本字段: Username: 我有一些jQuery: $(document).ready(function() { user = $(“#username”); user.submit(function() { }) }) 我想检查提交后在username输入的值的长度是否介于2到5个字符之间。 如果不是那么就会发生一些事情。 我不太确定user.submit(function(){})里面应该是什么。

使用jQuery Ajax上传文件

我已经多次搜索如何使用Ajax从表单上传文件,并发现xhr2应该能够做到。 然而,我已经尝试使用FormData对象,但它不起作用。 这是一个简单的html表单 File Upload 这里是’post.php’文件,当称为’老式’方式时它可以正常工作: 0) die(‘Error ‘ . $_FILES[‘file’][‘error’]); if(empty($_FILES[‘img’][‘name’])) die(‘No file sent.’); $tmp = $_FILES[‘img’][‘tmp_name’]; if(is_uploaded_file($tmp)) { if(!move_uploaded_file($tmp, ‘img.png’)) echo ‘error !’; } else echo ‘Upload failed !’; ?> 这里是’upload.js’ $(function() { $(‘#form’).submit(function(e) { e.preventDefault(); data = new FormData($(‘#form’)); console.log(‘Submitting’); $.ajax({ type: ‘POST’, url: ‘post.php’, data: data, cache: false, contentType: false, processData: […]

jquery .serializeArray(); 在顶部添加另一个值以传递给ajax

我正在做以下 var data = $(form).serializeArray(); // now i want to add another value on this data data.username = ‘this is username’; 我想知道如何在执行serializeArray()之后添加另一个值,我尝试了所有我知道的事情,但没有任何东西可以使它工作。 任何想法请。