Tag: forms提交

提交后清除JSF表单input值: 如果有表单，并且有一个文本框和一个button，那么在提交表单之后如何清除文本框的内容？ <h:inputText id="name" value="#{bean.name}" /> <h:commandButton id="submit" value="Add Name" action="#{bean.submit}" /> 在文本框中input值并提交后，该值仍显示在文本框中。一旦提交，我需要清除文本框的内容。我怎样才能做到这一点？

哪些元素支持:: before和:: after伪元素？: 我试图为HTML5中的<input>提供一些良好的默认样式，并尝试以下方法： input::after { display: inline; } input:valid::after { content: ' ✓ '; color: #ddf0dd; } input:invalid::after { content: ' ✗ '; color: #f0dddd; } 唉， ::after内容永远不会显示出来。伪元素的双冒号和单冒号不是问题; 我已经尝试了两个。有一个伪元素和一个伪类也不是问题; 我试过没有:valid和:invalid 。我在Chrome，Safari和Firefox中得到了相同的行为（Firefox没有:valid :invalid伪类，但我没有这样做。伪元素在<div> ， <span> ， <p>和<q>元素上工作正常 – 其中一些是块元素，一些是内联的。所以，我的问题是：为什么浏览器认为<input>没有::after ？我无法在规范中find任何可以表明这一点的内容。

返回button重新提交表单数据（$ _POST）: 我的问题是，当上一页由表单创build时，后退button会导致浏览器发出类似于“Page expired”的内容。例： page1：与search条件一起提交的表单（$ _POST请求，表单指向page2）第2页：接收$ _POST请求并显示结果（链接用户列表，指向第3页）第3页：显示用户configuration文件现在，当访问者点击浏览器中的后退button时，会显示“Page expired”。相反，前一页应该显示没有警告（第2页，用户列表）你的策略如何绕过这个行为？

打印$ _POSTvariables名称和值: 我在PHP中有一个POST，我不会总是知道我将要处理的variables字段的名称。我有一个函数，将通过值循环（但是我也想捕获与它一起使用的variables名称）。 foreach ($_POST as $entry) { print $entry . "<br>"; } 一旦我弄清楚如何获取variables名称，我还需要弄清楚如何使这个函数足够聪明，以检测variables的数组是否存在（即，如果我有一些checkbox的值）。

jqueryvalidationdynamic表单input无效的插件: 我有一个表单，我有一些领域，然后如果需要用户可以添加更多的相同types的字段。即时通讯使用http://jqueryvalidation.org/validation插件来validation字段。当我读的地方jqueryvalidation插件需要唯一的名称字段validation它们。所以我特别命名每个领域。首先，我希望validation插件将负责dynamic添加元素的validation，如果我使用类添加规则。但事实certificate，事实并非如此。因此，即使每个字段的名称是唯一的，validation插件仅validation最初呈现的第一个input。我甚至试图使用$ .clone（），希望它会照顾所有的事件绑定。但它没有为我工作。所以我移动到下划线重复标记，因为有很多字段，我不想写在JS中的模板和相应的名称。我无法find解决scheme，并卡在这里。在解决此问题之前，不能再继续。这是我写的JS。 $("#work_form").validate(); $(".work_emp_name").rules("add", { required: true }); _.templateSettings.variable = "element"; var tpl = _.template($("#form_tpl").html()); var counter = 1; $("form").on("click", ".add_employer", function (e) { e.preventDefault(); var tplData = { i: counter }; $("#word_exp_area").append(tpl(tplData)); counter += 1; }); 请在小提琴设置中find标记。示例和代码在这里设置

如何使用jQuerydynamic地添加表单元素: 这是我的html： <div id="extraPerson"> <div class="controls controls-row"> <input class="span3" placeholder="First Name" type="text" name="firstname2"> <input class="span3" placeholder="Last Name" type="text" name="lastname2"> <select class="span2" name="gender2"><option value="Male">Male</option><option value="Female">Female</option></select> …ETC </div> </div> <a href="#" id="addRow"><i class="icon-plus-sign icon-white"></i> Add another family member</p></a> 这是我的jQuery： <script> $(document).ready(function(){ $('#addRow').click(function(){ $("#extraPerson").slideDown(); }); }) </script> #extraPerson隐藏在CSS中。它在链接被点击时添加div。但是，我希望它每次点击链接时继续添加相同的div。我如何做到这一点？如果将数字附加到表单input名称，则更好。例如firstname3，firstname4等

如何在Firefox中设置文件input字段？: 我目前正在做一个网站的前端，所有的forms，所有的风格和在IE浏览器漂亮，但我刚刚注意到，在Firefox的文件input字段没有响应任何我的风格，所有其他input字段的types很好。我已经在Firebug中检查过它，并将正确的样式关联到它，但不改变它的外观。如果这不是一个完整的脑屁，那么这是Firefox中的一个已知问题吗？如果是这样，我怎么从来没有注意到它？这是一个代码示例。 CSS： form.CollateralForm input, form.CollateralForm textarea { width:300px; font-size:1em; border: solid 1px #979797; font-family: Verdana, Helvetica, Sans-Serif; } HTML： <form method="bla" action="blah" class="CollateralForm"> <input type="file" name="descriptionFileUpload" id="descriptionFileUpload" /> </form> 我也尝试应用一个类，但也不起作用。

更改焦点表单元素时禁用滚动ipad web应用程序: 我有一个networking应用程序。我试图禁用/防止滚动发生在你关注不同的表单input时（即，当你通过表单中的input元素前进时发生的滚动）。我已经禁用了这个滚动： <script type="text/javascript"> $(document).ready(function() { document.ontouchmove = function(e){ e.preventDefault(); } }); </script> 添加更多的信息 – 我有一些“幻灯片”，我的网页组成。每个都是768×1024，他们是“堆叠”在页面上（即页面是768×3072 [1024 * 3 = 3072]），当你点击一个链接我使用scrollTo jquery插件滚动到下一个“幻灯片”和.focus()在input元素上。有谁知道如何做到这一点？

select基于Angular2中的枚举: 我有这个枚举（我正在使用TypeScript ）： export enum CountryCodeEnum { France = 1, Belgium = 2 } 我想build立一个select在我的forms ，每个选项枚举整数值作为价值，枚举文本作为标签，如下所示： <select> <option value="1">France</option> <option value="2">Belgium</option> </select> 我该怎么做？

用jQuerydynamic添加行: 我正在build立一个表单，我需要多个可选的input，我基本上是这样的：表单示例http://i49.tinypic.com/fcscyh.png 每次用户按下加号button时，表单input的新行应该被添加到表单，我怎么能在jQuery中做到这一点？另外，当所有的行（或只是最后一行，如果更容易/更快）被填满，是否可以自动添加一个新的行？这样用户不需要按加号button。我很抱歉，也许这样一个基本的问题，但我仍然非常绿色与jQuery，我可以用PHP做到这一点，但我相信JavaScript / jQuery在这里扮演一个更合适的angular色。提前致谢！ @alex： <!DOCTYPE html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript"> $form = $('#personas'); $rows = $form.find('.person'); $('a#add').click(function() { $rows.find(':first').clone().insertAfter($rows.find(':last')); $justInserted = $rows.find(':last'); $justInserted.hide(); $justInserted.find('input').val(''); // it may copy values from first one $justInserted.slideDown(500); }); </script> </head> <body> <form id="personas" name="personas" method="post" action=""> <table […]