草庐IT

form_results_index

全部标签

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当

javascript - Gulp-inject 说 "Nothing to inject into index.html"

我试图在我的索引中注入(inject)一些文件,所有这些文件都连接并缩小到一个.tmp文件夹中,如下所示:gulp.task('prep-js',['clean'],function(){varjspath='./src/page/**/*.js';vartreatJs=gulp.src(jspath).pipe(plugins.concat('scripts.js')).pipe(plugins.uglify()).pipe(gulp.dest('.tmp/page/js'))});但是当我运行注入(inject)任务时,它显示“没有任何东西可以注入(inject)到index.ht

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 - 如何知道何时导入包或将其粘贴到 index.html

好的,我正在使用ES6和ReactJS,一些你应该做的包importReactfrom"react";为了让他们工作,但其他人在index.html,那么,我应该在哪些情况下应用一个或另一个? 最佳答案 一般来说,有两种类型的模块。ES6和非ES6。如果你想在ES6中使用非ES6模块,你可以尝试以下方法之一:使用CommonJS编译(例如通过npm使用jQuery作为CommonJS)加载SystemJS以允许ES6与CommonJS、AMD和全局变量一起工作如果您不想这样做,您可以尝试在HTML中导入非ES6脚本。在这种情况下,你

javascript - 将参数传递给 lodash _.result

对于第二个属性是方法名称的情况,有没有办法将参数传递给lodash_.result?或者是否有替代方法(最好是lodash)来执行此操作?用法示例可能是这样的:varobject={'cheese':'crumpets','stuff':function(arg1){returnarg1?'nonsense':'balderdash';}};_.result(object,'cheese');//=>'crumpets'_.result(object,'stuff',true);//=>'nonsense'_.result(object,'stuff');//=>'balderdash

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 - 输入类型="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"%>