草庐IT

form_dropdown

全部标签

javascript - 如何禁用 redux-form 中的字段?

我只是想禁用redux-form中的一个字段,如下所示,但它似乎没有任何效果。这是redux-form版本7.4.2。还有请帮忙 最佳答案 你可以传递Prop对象:props:object[optional]:ObjectwithcustompropstopassthroughtheFieldcomponentintoacomponentprovidedtocomponentprop.ThispropswillbemergedtopropsprovidedbyFielditself.//outsideyourrender()meth

javascript - 使用 Angularjs 将数组值设置为 Dropdown

我是Angularjs的新手。这是我的场景。我有一个数组numbers=['1','2','3'];还有一个如何将数组的值添加到下拉列表中fileNumber我试过了,ng-options="numbers"谁能说出如何将数组值包含到下拉列表中。 最佳答案 这是一个使用选择并向数组添加值的示例:更新:add实例:http://jsfiddle.net/choroshin/MTfRD/643/ 关于javascript-使用Angularjs将数组值设置为Dropdown,我们在Stack

javascript - 如何使用 CSRF 测试 express form post?

我正在尝试为我的服务器端表单验证编写测试,但我不断收到禁止错误。看来这需要一个两步过程。第一步,从表单中获取CSRF值。第2步,使用CSRF值发布到表单处理程序。但是,无论我如何尝试发帖,我都会遇到禁止的错误。--完整测试:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L57-L100我试过这样更改以下行:https://github.com/socketwiz/swblog/blob/master/test/contact.js#L85.send({name:'foo','X-CSRF-Token':t

javascript - JQuery 验证 : Validating a hidden form (possible bug)

我正在使用JQueryValidationplugin处理表单验证。我遇到的问题是,当表单被隐藏时,验证插件会忽略需要验证的字段并直接跳转到提交表单。示例:http://jsfiddle.net/Qg5WQ/我已经查看了插件的options并用谷歌搜索了这个问题,但我找不到任何说明隐藏表单中的字段被忽略的原因。值得注意的是,如果一个页面有两个表单,一个隐藏,一个显示,如果两个表单使用相同的验证方法,则两个表单都验证成功。但是,如果您调用两个单独的验证方法,那么隐藏表单中的字段仍然会被忽略。使用相同的验证函数验证两个表单:http://jsfiddle.net/Qg5WQ/1/使用不同的

javascript - Angular 4 Reactive Forms FormControl错误为空

如果我在没有输入任何内容的情况下切换文本输入,则会显示错误消息divs,表明所需的验证器已正确触发。但是,如果我在其中一个字段中键入任何内容,控制台会立即抛出此错误:Cannotreadproperty'required'ofnull这是我的组件:import{PasswordValidators}from'./../validators/password.validators';import{Component,OnInit}from'@angular/core';import{FormBuilder,Validators,FormGroup,FormControl}from'@an

javascript - Bootstrap Dropdown addEventListener( Vanilla js)

快一点。我正在尝试使用标准javascript连接到Bootstrap下拉方法show.bs.dropdown。我见过很多jquery解决方案,但我似乎无法使用vanillajs进行复制。Jquery$('.city-picker').on('shown.bs.dropdown',function(){console.log('CalledfromwithinJqueryevent');});普通JSletpicker=document.getElementsByClassName('city-picker')[0];picker.addEventListener('shown.bs.

javascript - Angular 面包屑 : Including dropdown that dynamically changes breadcrumbs

我正在使用AngularBreadcrumb指令(可在此处找到:https://github.com/ncuillery/angular-breadcrumb),它使用UI-Router来制定面包屑。开箱即用,适用于简单的面包屑导航。但是,我想要做的是能够单击应用程序碎屑,显示下拉列表并允许我选择其他应用程序。选择不同的应用程序将动态更改URL。这是我目前所了解的,但不确定如何在您选择不同的应用程序时编辑displayName以更改面包屑结构。index.htmlbreadcrumbs.html{{crumb.displayName}} {{crumb.displayName

javascript - redux-form 如何加载数据进行编辑

我正在使用redux-form加载编辑表单的初始数据似乎让我感到困惑,但提交时未验证数据。我已经设法将数据传递并加载到字段中,但似乎没有加载到表单Prop等中。请查看以下代码,如果需要更多信息,请告诉我。Form_Bayan.jsimportReact,{Component,PropTypes}from"react";import{browserHistory}from"react-router";import{reduxForm,Field}from"redux-form";import{MyCustomInput,MySimpleInput,MyCustomSelect}from"

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 - 自定义 DatePicker Angular Formly 字段不会出现验证错误消息

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