Tag: forms提交

forms没有行动,在哪里input不重新加载页面

我正在寻找最新的方式来创build一个没有提交button的HTML表单。 这本身是很容易的,但我也需要停止窗体重新加载时提交类似的事情完成(例如,在文本字段中按Enter )。

为什么在我的Rails多选中,第一个元素总是空白,使用embedded式数组?

我正在使用Rails 3.2.0.rc2 。 我有一个Model ,其中我有一个静态Array ,我通过一个表单提供,使用户可以select一个Array的子集,并将其select保存到数据库,存储在Model中的单个列。 我已经在存储Array的数据库列上使用了序列化,并且Rails将用户的select正确地转换为Yaml(并在读取该列时返回到数组)。 我正在使用多选表单input来进行select。 我的问题是,我现在拥有它的方式,一切正常,除了用户的子集数组发送到服务器时总是有一个空白的第一个元素。 这不是什么大不了的事情,而且我可以编写代码以在事实之后将其切断,但是我觉得我只是在制造某种语法错误,因为在我看来,默认的Rails行为并不是故意的没有任何理由添加这个空白元素。 我一定错过了某些东西,或者忘了禁用某种设置。 请帮助我了解我所缺less的东西(或者指出一些很好的文档,这些文档比我在intertubes上find的更深入)。 MySQL数据库表“模型”: 包括一个名为subset_array的列,它是一个TEXT字段 类模型包括以下设置: serialize :subset_array ALL_POSSIBLE_VALUES = [value1, value2, value3, …] 表单编辑模型包括以下input选项: f.select :subset_array, Model::ALL_POSSIBLE_VALUES, {}, :multiple => true, :selected => @model.subset_array 从客户端PUT到服务器看起来像这样: 假定只select了value1和value3 "model" => { "subset_array" => ["", value1, value3] } 数据库更新如下所示: UPDATE 'models' SET 'subset_array' = '— \n- \"\"\n- value1\n- […]

jQuery:检查一个字段的值是否为空(空)

这是一个很好的方法来检查一个字段的值是否为空? if($('#person_data[document_type]').value() != 'NULL'){} 或者,还有更好的方法?

带宽度的CSSinput:100%超出父母的界限

我试图做一个login表单,由两个input字段组成,内部填充,但是这两个字段总是最终超出了父母的界限; 该问题源自添加的内嵌填充。 可以做些什么来纠正这个问题呢? JSFiddle片段: http : //jsfiddle.net/4x2KP/ 注意:代码可能不是最干净的。 例如,封装文本input的span元素可能根本就不需要。 HTML: <div id="mainContainer"> <div id="login" class="loginForm"> <div class="login-top"> </div> <form class="login-fields" onsubmit="alert('test'); return false;"> <div id="login-email" class="login-field"> <label for="email" style="-moz-user-select: none;-webkit-user-select: none;" onselectstart="return false;">E-mail address</label> <span><input name="email" id="email" type="text"></input></span> </div> <div class="spacer"></div> <div id="login-password" class="login-field"> <label for="password" style="-moz-user-select: none;-webkit-user-select: none;" onselectstart="return false;">Password</label> <span><input name="password" id="password" type="password"></input></span> […]

防止表单redirect或刷新提交?

我search了一堆页面,但找不到我的问题,所以我不得不发表一个post。 我有一个提交button的表单,并提交时,我希望它不刷新或redirect。 我只是想让jQuery执行一个function。 这里是表格: <form id="contactForm"> <fieldset> <label for="Name">Name</label> <input id="contactName" type="text" /> </fieldset> <fieldset> <label for="Email">Email</label> <input id="contactEmail" type="text" /> </fieldset> <fieldset class="noHeight"> <textarea id="contactMessage" cols="20"></textarea> <input id="contactSend" class="submit" type="submit" onclick="sendContactForm()" /> </fieldset> </form> <small id="messageSent">Your message has been sent.</small> 这里是jQuery: function sendContactForm(){ $("#messageSent").slideDown("slow"); setTimeout('$("#messageSent").slideUp();$("#contactForm").slideUp("slow")', 2000); } 我已经尝试过,没有在表单上的动作元素,但不知道我做错了什么。 让我更生气的是我有一个完美的例子: 例子页 如果你想看到我的问题现场,goto stormink.net (我的网站),并检查了它说“发送我和电子邮件”和“RSS订阅”的边栏。 两者都是我试图让这个工作的forms。

如何将焦点设置为独立于id的HTML表单中的第一个input元素?

有没有一种简单的方法来设置网页上 的焦点 (input光标)的第一个input元素 (文本框,下拉列表,…)加载页面,而不必知道元素的ID? 我想实现它作为我的Web应用程序的所有我的页面/窗体的通用脚本。

iOS强制使用圆angular并眩光input

iOS设备在表单input上添加了很多烦人的样式,特别是在input[type = submit]上。 下面显示的是桌面浏览器和iPad上的简单search表单。 桌面: iPad的: input[type = text]使用CSS框阴影插入,我甚至指定了-webkit-border-radius:none; 这显然被覆盖。 我的input[type = submit]button的颜色和形状在iPad上完全被混淆了。 有谁知道我能做些什么来解决这个问题? 提前致谢。

如何alignmentinput内的文本?

对于所有默认input,您填写的文本从左侧开始。 你怎么让它开始在右边?

jQuery – selectinput字段的关联标签元素

我有一组input字段,其中一些有关联的标签,有些没有: <label for="bla">bla</label> <input type="text" id="bla" /> <label for="foo">bla <input type="checkbox" id="foo" /> </label> <input … /> 那么,如何才能为每个inputselect相关的标签?

AJAX Mailchimpregistry单集成

有没有办法将mailchimp简单(一个电子邮件input)与AJAX集成,所以没有页面刷新,也没有redirect到默认的mailchimp页面。 此解决scheme不工作jQuery Ajax POST不与MailChimp工作 谢谢