草庐IT

表单组件

全部标签

javascript - Rails 4 Turbolinks 使表单提交多次

我使用了一些在Rails3上运行良好但在Rails4上运行不佳的代码,我猜这是由Turbolinks引起的,但我对此了解不多,无法更深入地解决我的问题,这是代码:查看:a/v/m/_new_comment.slim.new-comment-ifcurrent_user=render"editor_toolbar"=form_for(Comment.new,:remote=>true,:url=>mission_comments_path(@mission))do|f|=f.text_area:content,:class=>"span10",:rows=>"4",:tabindex=>

javascript - 提交表单后重新初始化/重置 dropzone

我正在使用dropzone.js在ruby​​onrails上上传图片。这是我的HTML代码我将dropzone初始化为$("#media-dropzone").dropzone({acceptedFiles:pg.constants.ACCEPTED_FORMAT,maxFilesize:pg.constants.ATTACHMENT_MAX_FILE_SIZE,//InMBmaxFiles:pg.constants.ATTACHMENT_MAX_SIZE,addRemoveLinks:true,removedfile:function(file){if(file.xhr.respo

javascript - 在 javascript 中模拟 <enter> 按键以触发表单提交

我找到了十几篇关于如何执行此操作的不同SO文章,但没有一篇起作用。我正在尝试编写一些测试,并且我想测试当我在input中按enter时,表单确实会回发。但是,我无法用它来模拟这一点。无论我选择哪种方法,keypress事件都会被触发——事件监听器会看到它——但表单不会被提交。jsFiddlelink:HTMLJavascript$(function(){var$input=$("#myinput");$input.on("keypress",function(evt){$("#output").append("Typed:"+evt.keyCode+",buttheformdidn't

javascript - react 多个高阶组件

我刚刚发现在我的React项目中使用HOC的惊人好处。我的问题是在一个组件上调用多个HOC函数会影响性能吗?示例exportdefaultwithState(withLabel(withTheme(MyComponent)))这当然只会渲染一个组件,但是看看我的react开发工具,我可以看到输出的HOC组件有三个层次。这是需要警惕的事情还是有更好的方法在组件上调用多个HOC? 最佳答案 你的语法相当于做:性能影响将取决于这些HOC的实现方式。您可能必须逐一查看。例子:ThemeProviderHOC通常在React上下文中存储一堆颜

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - 在注册表单上,表单字段未保存在提交时自动填写的浏览器中。(ReactJs)

我的站点中有一个注册表单,我正在其中保存字段,并且在用户再次返回该注册表单时保存表单后,我希望将以前的字段值保存在浏览器自动填充中。下面是我的代码片段-SignUp在anchor标记的onClick代码中,我通过注册用户函数进行ajax调用。之后,我希望用户数据自动填充到chrome中的浏览器自动填充地址中。我尝试了以下方法:-1.很少有人建议使用表单“提交”按钮功能将数据保存在自动填充中,而不是使用ajax调用表单anchor标记的onClick事件。但这对我来说也不起作用。2.我看过一些帖子,其中他们告诉我要为字段使用专有名称和自动完成属性。但使用该浏览器只能猜测正确的字段值。

javascript - 如何忽略 node.js 中另一个文件或组件所需的文件

以下可以忽略或对导入的文件进行一些修改,例如在我的index.js中require.extensions['.js']=function(file){console.log(file.id)return;};但是我真的不想忽略index.js中的这些文件我想忽略在后续文件/组件中导入的文件require.extensions['.js']=function(file){console.log(file.id)return;};require('babel-register')require('./components/Test.spec.js');例如,这会记录以下内容并返回/User

javascript - 以编程方式将验证规则附加到表单字段

我正在使用VeeValidate对使用Vue.js制作的表格进行一些验证.我将其设置为显示一个跨度,其中包含与发生错误的输入相关的错误消息。{{errors.first('panelData.AnalysisDate')}}所有输入都以相同的方式设置,并且都正常工作。当我尝试向需要date-between的上述输入添加验证规则时出现问题。使用从今天开始的一年作为最大值的规则。date_between:{min,max}v-validate属性接收由|分隔的验证规则字符串。有一种方法可以通过自动附加到Vue实例的验证器实例动态添加规则。$validator.attach({field},

javascript - Safari blob 下载影响表单提交 - 导致表单帖子被下载而不是在新选项卡中打开

下载文件选项(使用blob)与单个页面上的另一个表单提交选项一起出现。在提交表单之前选择下载选项时,将下载表单结果而不是在新选项卡中打开。这种情况仅在Safari中发生。其余浏览器按预期工作。Safari浏览器版本11.0.1macOSSierra版本10.12.6示例jsfiddle-https://jsfiddle.net/e8n9982f/var$button1=$("#btn-1");var$button2=$("#btn-2");//SaveLocally$button1.on('click',function(){if(typeof(Blob)!=="undefined"&

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab