草庐IT

form-actions

全部标签

javascript - 自定义 DatePicker Angular Formly 字段不会出现验证错误消息

我正在尝试使用AngularDatetimePicker作为AngularFormly输入类型。我让它正常工作,这样我就可以编辑和设置一个正确添加到绑定(bind)模型的值。但是,我无法让验证错误消息像在常规输入字段上那样显示。JSBinwithwhatI'vegotsofar.如您所见,当您退出该字段时红色不会出现,只有当您尝试提交时才会出现。而且错误消息永远不会出现。FormlyConfig:formlyConfigProvider.setType({name:'datepicker',templateUrl:"custom-template.html",overwriteOk:t

javascript - Ninja Forms 3.0 On Form Load javascript 事件

我试图找到一个javascript事件,当忍者表单准备好并加载到DOM中时,该事件会被触发。我查看了文档并在谷歌上搜索了一段时间,找不到任何东西......我正在使用NinjaForms3+(尽管2好得多......)我宁愿不运行一个间隔来检查表单是否已经加载。谢谢! 最佳答案 不幸的是,漂亮的NinjaForms插件没有正确记录。花了很多时间才找到这个解决方案(使用jQuery):jQuery(document).on('nfFormReady',function(){console.log('Formisready');//Pl

javascript - 获取 Action Controller 未知格式错误-用于 rails 4 + 不显眼的 javascript 和 AJAX 调用

我有以下设置:上传Controller.rb:classUploadsController"1")@upload.update!(:f_path=>"#{@upload.sourcedata.path}")redirect_touploads_url,notice:"Uploadfor#{@upload.task.name}wassuccessfullycreatedwithfile#{@upload.sourcedata_file_name}."elseredirect_totasks_url,alert:"***ERROR***Uploadfor#{@upload.task.nam

javascript - react redux promise middleware 如何将结果 action 发送到 dispatch?

我正在尝试通过reactredux了解promises的中间件docs但不理解下面的then部分:constvanillaPromise=store=>next=>action=>{if(typeofaction.then!=='function'){returnnext(action)}returnPromise.resolve(action).then(store.dispatch)}then如何知道要分派(dispatch)什么?该操作没有像这样的参数传递returnPromise.resolve(action).then(function(action){store.dispa

javascript - Ant 设计错误 : "Form.create() getFieldDecorator is not a function"

"antd":"^1.11.1","react":"^15.1.0","react-dom":"^15.1.0",错误:未捕获类型错误:getFieldDecorator不是函数Ant设计演示:https://ant.design/components/form/importReact,{Component}from'react';import{Form,Icon,Input,Button}from'antd';constFormItem=Form.Item;constHorizontalLoginForm=Form.create()(React.createClass({handle

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

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

javascript - Vue/Vuex 未知 Action 类型

我已经开始在我的应用程序中实现Vuex,并且我决定将我的商店拆分为模块。一开始我只创建了一个模块来测试Vuex模块的工作原理,因为我以前没有任何使用它的经验。我创建了一个模块文件夹,里面有一个文件夹用于我的模块,名为Company。在公司文件夹中,我创建了下一个文件:action.js、getters.js、index.js、mutations.js。这些文件中的代码:action.js:importapifrom'@/vuex/utils/api'constgetCompanies=(context)=>{api.get('/57/companies').then(response=

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"%>

名为 "action"的 JavaScript 函数

有人能解释一下为什么一旦按钮被表单标签包围,名为“action”的函数就会在下面的代码中产生类型错误。我假设这会导致与表单的action属性发生奇怪的冲突,但我想知道为什么它会发生在这个范围内(“action”没有以任何其他方式定义):functionaction(){alert('test');} 最佳答案 在表单内部,action是对表单操作的字符串引用。如果您将onclick更改为alert(action),您将获得表单的操作(对于您的特定表单,这将是一个空字符串)。以同样的方式,form将是对表单的引用,如果您在表单中使用它