草庐IT

form_edit

全部标签

javascript - 作为异步验证的结果,我如何显示 redux-form 警告?

Redux-forms支持validationerrorsandwarnings.错误会显示一条消息并阻止提交表单,而警告只会显示一条消息。Redux-forms也支持asyncvalidation.我错误地认为异步验证错误和警告会被支持,但事实并非如此。不幸的是warningsarenotofficiallypossiblewithasyncvalidation.目前需要相当大的努力才能摆脱使用redux-forms,所以我试图找到一个足够的解决方法。一种解决方案是手动向表单添加警告。如果这是可能的,那么异步验证可以大部分正常执行,但在最后设置警告,而不是提供预期的错误对象。但我查看

javascript - 输入类型="submit",onclick处理程序调用this.form.submit(),并且不返回任何值

编辑:在考虑回答问题之前,请仔细阅读问题的所有内容。我既不是在生产代码中使用内联事件处理程序的可取性,也不是在实现我所引用的文章所promise的结果的最佳方法。这是关于Javascript语义和浏览器实现细节的问题,而不是关于最佳编码实践的问题。听起来像一场噩梦,对吗?但是我发现一些onlineadvice提倡这样做,以防止再次提交表单:撇开对内联事件处理程序的弊端的任何讨论,我在这里看到的问题是:标签的类型是"submit",因此提交其包含形式是其默认行为;onclick处理程序显式提交包含表单;onclick处理程序不返回false以防止默认行为(请参见1)。凭直觉,我认为单击此

javascript - 如何在 Rails simple_form 中实现 Jasny 的引导文件上传样式扩展?

我想使用Jasny'sTwitterBootstrapextension为我的Railssimple_form图片上传字段设置样式.我已经(成功地)使用CarrierWave上传图片。目前,我的表单有效,代码看起来像这样(为了清楚起见,我删除了一些html、一些表单字段并设计了错误消息代码):resource_name,:url=>registration_path(resource_name),:html=>{class:"form-horizontal",:method=>:put})do|f|%>"username"%>:file,:label=>"uploadaphoto"%>

javascript - x-editable + bootstrap 3 + Twitter typeahead.js 不工作

我尝试将Bootstrap3与令人敬畏的x-editable和typeahead.js集成,但我无法让它工作:我尝试了以下方法用data-type='typeaheadjs'标记元素将type='typeaheadjs'添加到$().editable()将所有参数移动到data-*属性将所有参数移动到$().editable()arguments但没有运气。HTML代码:RomeJS代码:$('#username').editable({mode:'inline',showbuttons:false,type:'text',url:'/post',pk:1,title:'Enteran

javascript : how to distinguish between selected element list and form

这是脚本:http://jsbin.com/itusut/6/edit你好,我有功能:functionon(t,e,f){if(e.length){varl=e.length,n=0;for(;n如果我们这样做varhandle=document.getElementsByClassName('some-class');然后handle是一个节点列表。如果我们这样做varhandle=document.getElementById('an-id');然后handle是单节点。问题是,当我选择时它返回array而不是单个元素。所以,我的on功能失败。函数使用elm.length筛选。一切

javascript - Angular:mat-form-field 必须包含一个 MatFormFieldControl

我正在尝试添加一个带有自定义电话号码输入控件的表单域。我使用了来自https://material.angular.io/components/form-field/examples的电话示例.代码如下:phoneIncludeareacodeimport{FocusMonitor}from'@angular/cdk/a11y';import{coerceBooleanProperty}from'@angular/cdk/coercion';import{Component,ElementRef,Input,OnDestroy}from'@angular/core';import{Fo

javascript - 我无法让 onChange 触发 dijit.form.Select

我似乎无法将onchange事件正确附加到dijit.form.Select小部件。但是,我是Web开发的新手,所以我可能会做一些完全愚蠢的事情(尽管,据我所知(并且我已经阅读了我能找到的所有文档)我不是)。我确保body类与dojo主题相匹配,我为我使用的所有小部件(和dojo.parser)执行dojo.require(),但仍然是nada。我使用的代码是:dojo.addOnLoad(function(){var_query=dojo.query('.toggle');for(variin_query){dojo.connect(_query[i],'onchange',func

javascript - 动态禁用 Contact Form 7 字段验证

在我的联系表单7中,我有两个单选按钮,它们根据用户所做的选择显示和隐藏联系表单中的字段。当您单击“电话”单选按钮时,脚本(JS而不是jQuery)会确保隐藏电子邮件字段并且仅显示电话字段。当您单击电子邮件单选按钮时,将显示电子邮件字段并隐藏电话字段。该部分完全按照我希望的方式工作。我遇到的问题是我无法弄清楚如何阻止ContactForm7验证隐藏字段。例如,如果客户只想输入他们的电话号码而不是他们的电子邮件,插件由于电子邮件字段未填写,他们在尝试提交时仍会给出错误。这是代码-JS:window.onload=radioCheck;functionradioCheck(){if(docu

javascript - 剑道网格 : Trigger Update click on enter key press for popup editing

我正在使用带有弹出式编辑的KendoUIGrid。默认情况下,当用户在弹出编辑器中编辑字段并按下回车键时,数据将呈现到网格(在弹出编辑器后面),但弹出窗口保持可见并且保存事件不会被触发,直到您单击“更新”'按钮。我正在尝试更改该功能,以便当用户在编辑字段时按下回车键时,它会触发“更新”按钮单击-这意味着它将数据呈现到网格,触发保存事件并关闭弹出窗口编辑。我目前的尝试只会关闭弹出式编辑器,但不会触发保存事件并撤消对所选行的任何字段所做的更改。几乎就像取消按钮被触发了一样。options.edit=function(e){$('.k-edit-field.k-input').on('key

javascript - document.write() 与插入 DOM 节点 : preserve form information?

考虑两个分别在其正文中包含以下内容的网页:document.writeln('')和vart=document.createElement('textarea');document.body.appendChild(t);(将它们视为更大事物的一部分,其中文本区域必须从JavaScript生成并且不能硬编码到页面中)。它们都产生相同的输出,但前者被认为是“坏”的,而后者被认为是“正确”的方式。(对吗?)另一方面,如果您在页面中输入内容然后刷新它,或者转到其他地方并点击返回,那么在前一种情况下,您在文本区域中输入的内容会被保留,而在后一种情况下它是丢失。(至少在Firefox上是这样。)