Questions tagged «forms»

表单本质上是一个容器,可以用来容纳多种类型的数据的任意数量的任何子集。HTML表单用于将数据传递到服务器。VB和C#表单是用于与用户进行交互的窗口。




18
jQuery的禁用表单提交输入
我的页面中似乎包含以下javascript,但似乎无法正常运行。 $('form').bind("keypress", function(e) { if (e.keyCode == 13) { e.preventDefault(); return false; } }); 我想在输入时禁用提交表单,或者更好的是,将其称为ajax表单提交。两种解决方案都可以接受,但是我上面包含的代码不会阻止表单的提交。

12
JavaScript代码停止表单提交
停止提交表单的一种方法是从JavaScript函数返回false。 单击提交按钮后,将调用验证功能。我有一个表单验证案例。如果满足该条件,我将调用一个名为returnToPreviousPage()的函数。 function returnToPreviousPage() { window.history.back(); } 我正在使用JavaScript和Dojo Toolkit。 而不是返回上一页,它提交了表单。如何终止提交并返回上一页?
205 javascript  html  forms 


9
在Django中一页上处理多种形式的正确方法
我有一个模板页面,需要两种形式。如果我仅使用一种形式,则可以像下面的典型示例一样正常: if request.method == 'POST': form = AuthorForm(request.POST,) if form.is_valid(): form.save() # do something. else: form = AuthorForm() 但是,如果我想使用多个表单,我如何让视图知道我仅提交一种表单,而不提交另一种表单(即,它仍然是request.POST,但我只想处理提交表单的表单)发生了吗? 这是该解决方案基于这样的答案expectedphrase和bannedphrase是的提交按钮的不同形式和名称expectedphraseform和bannedphraseform是形式。 if request.method == 'POST': if 'bannedphrase' in request.POST: bannedphraseform = BannedPhraseForm(request.POST, prefix='banned') if bannedphraseform.is_valid(): bannedphraseform.save() expectedphraseform = ExpectedPhraseForm(prefix='expected') elif 'expectedphrase' in request.POST: expectedphraseform = ExpectedPhraseForm(request.POST, prefix='expected') if expectedphraseform.is_valid(): expectedphraseform.save() bannedphraseform …
200 python  django  forms 


16
您如何克服HTML表单嵌套限制?
我知道XHTML不支持嵌套的表单标签,并且我已经在Stack Overflow上阅读了有关此主题的其他答案,但是我仍然没有找到解决该问题的优雅方法。 有人说您不需要它,并且他们无法想到是否需要这样做。嗯,我个人不认为一个场景,我的没有需要它。 让我们看一个非常简单的例子: 您正在制作一个博客应用程序,您有一个表单,其中包含一些用于创建新帖子的字段以及一个带有“操作”(如“保存”,“删除”,“取消”)的工具栏。 <form action="/post/dispatch/too_bad_the_action_url_is_in_the_form_tag_even_though_conceptually_every_submit_button_inside_it_may_need_to_post_to_a_diffent_distinct_url" method="post"> <input type="text" name="foo" /> <!-- several of those here --> <div id="toolbar"> <input type="submit" name="save" value="Save" /> <input type="submit" name="delete" value="Delete" /> <a href="/home/index">Cancel</a> </div> </form> 我们的目标是以不需要JavaScript的方式编写表单,只需编写简单的旧HTML表单和提交按钮即可。 由于操作URL是在Form标记中定义的,而不是在每个提交按钮中定义的,因此我们唯一的选择是发布到通用URL,然后启动“ if ... then ... else”来确定该按钮的名称。已提交。不是很优雅,但是我们唯一的选择,因为我们不想依赖JavaScript。 唯一的问题是,即使执行此操作所需的唯一操作是带有post-id的Hidden输入,按“ Delete”键仍将提交服务器上的所有表单字段。在这个小例子中不是什么大问题,但是我的LOB应用程序中有数百个(可以说)字段和选项卡的表单(由于要求),必须一次性提交所有内容,在任何情况下,这似乎都非常低效和浪费。如果支持表单嵌套,那么我至少可以将“删除”提交按钮包装在它自己的表单内,而仅包含post-id字段。 您可以说“仅将“删除”实现为链接而不是提交”。在许多级别中,这都是错误的,但是最重要的是,由于副作用操作(例如此处的“删除”)永远都不应该是GET请求。 所以我的问题(特别是那些说不需要表格嵌套的人)是您要做什么?是否有任何我缺少的优雅解决方案,或者底线确实是“要么需要JavaScript要么提交所有内容”?
199 html  forms  nested 

13
AngularJS不发送隐藏字段值
对于特定的用例,我必须以“旧方式”提交单个表单。意思是,我使用带有action =“”的表单。响应已流式传输,因此我不会重新加载页面。我完全知道,典型的AngularJS应用程序不会以这种方式提交表单,但是到目前为止,我别无选择。 也就是说,我尝试从Angular填充一些隐藏字段: <input type="hidden" name="someData" ng-model="data" /> {{data}} 请注意,显示的是正确的数据值。 该表格看起来像一个标准表格: <form id="aaa" name="aaa" action="/reports/aaa.html" method="post"> ... <input type="submit" value="Export" /> </form> 如果我点击了提交,则没有值发送到服务器。如果我将输入字段更改为键入“文本”,它将按预期工作。我的假设是隐藏字段没有真正填充,而文本字段实际上是由于双向绑定而显示的。 有什么想法可以提交由AngularJS填充的隐藏字段吗?

14
如何使Firefox和/或IE 10中的HTML 5输入类型=“日期”
我觉得奇怪的input type="date"是,在所有这些时间之后,Firefox仍然不支持。实际上,我认为它们不会在input元素上添加太多(如果有)HTML 5新类型。IE10不支持它并不奇怪。所以,我的问题是... 如何type="date"在input不添加另一个.js文件(即jQueryUIDatePicker Widget)的情况下使元素正常工作,而仅获取IE和Firefox浏览器的日历/日期?是否有可以在某处(也许是CDN)应用的功能,这些功能将默认在Firefox和/或IE浏览器中工作?尝试以IE 8+浏览器为目标并针对Firefox没关系,最新版本(28.0)会很好。 更新:Firefox 57+支持输入类型=日期

6
JavaScript表单提交-确认或取消提交对话框
对于带有警报的简单表单,询问是否正确填写了字段,我需要一个执行此操作的函数: 单击带有两个选项的按钮时显示警报框: 如果单击“确定”,则提交表单 如果单击“取消”,则警告框将关闭,并且可以调整并重新提交表单 我认为JavaScript确认会起作用,但我似乎不知道如何解决。 我现在拥有的代码是: function show_alert() { alert("xxxxxx"); } <form> <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit"> </form> 运行代码段隐藏结果展开摘要

8
HTML5 textarea占位符未出现
我无法弄清楚我的标记出了什么问题,但是文本区域的占位符不会出现。好像它可能被一些空白和制表符遮盖了。当您将焦点放在文本区域并从光标所在的位置删除时,请离开文本区域,然后会出现适当的占位符。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …

5
禁用单击按钮时自动提交表单
我有一个HTML表单,其中使用了几个按钮。问题是,无论我单击哪个按钮,即使按钮的类型不是“ submit”,也将提交表单。例如:之类的按钮<button>Click to do something</button>,导致表单提交。 e.preventDefault()为这些按钮中的每个按钮执行一次操作是非常痛苦的。 我使用jQuery和jQuery UI,并且网站使用HTML5。 有没有办法禁用这种自动行为?

15
如何确保<select>表单字段被禁用时提交?
我有一个select要标记为“只读” 的表单字段,因为用户无法修改该值,但该值仍与表单一起提交。使用该disabled属性可防止用户更改值,但不会使用表单提交值。 该readonly属性仅适用于input和textarea字段,但这基本上就是我想要的。有什么办法可以使它正常工作吗? 我正在考虑的两种可能性包括: 而不是禁用select,而是禁用所有,option并使用CSS将所选内容变灰,使其看起来像已禁用。 在提交按钮上添加单击事件处理程序,以便在提交表单之前启用所有禁用的下拉菜单。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.