草庐IT

输入限制

全部标签

javascript - 具有受控输入的无状态 React 组件

目前,为了使受控输入在无状态React组件中工作,我将无状态组件包装在Sate完整组件中。例如,constInputComponent=(props)=>{return();}classAppextendsReact.Component{constructor(props){super(props);this.state={name:'Tekeste'};this.handleChange=this.handleChange.bind(this);}handleChange(event){this.setState({name:event.target.value});}render(

javascript - 在 React 中将光标发送到输入值的末尾

我在单击删除时动态地将一个值传递到我的输入字段(以便编辑最后一个输入条目)。我可以看到,在Chrome中,一旦呈现输入值,光标就会显示在单词的开头,而在Safari和Firefox中,光标会出现在值的末尾,但最后一个字母会被删除。如何在不删除最后一个字母的情况下始终看到光标在末尾(除非我按退格键两次)?tagEvent(e){consttag=this.text.value;consttagGroup=tag.split("");consttiles=this.props.tiles;consthasTiles=Object.keys(tiles).length>0;if(e.keyC

javascript - 如何将弹出框内的输入标签绑定(bind)到 Vue 模型

我在弹出内容中有一个input,如下所示:JSFiddleHTML:'>ClickMe!{{message}}这是JS:newVue({el:'#vue-app',data:{message:'IamaText'}});$(document).ready(function(){$('[data-toggle="popover"]').popover();});如您所见,data-content的输入绑定(bind)得很好,但里面的输入没有绑定(bind)!任何想法将不胜感激。 最佳答案 你可以这样使用:这是工作演示:https://

javascript - 如何呈现 material-ui 输入控件而不是 materials-ui-datepicker 的文本字段

在我的React(v16.3)应用程序中,我使用material-ui-pickers库的DatePicker组件呈现日期选择器控件。该组件呈现一个Material-UITextField成分。我想改变它,让它只呈现一个Material-UIInput没有TextField呈现的chrome。据我所知,可以使用DatePickersTextFieldComponent字段(底部的here)来实现这一点,但我不知道如何使用该字段。...}value={value}onChange={this.handleChange}disabled={isReadOnly}/>有什么办法吗?更新:通过

javascript - 如何在输入 ID 等于 'submit' 的情况下提交 javascript

我一直在将提交事件绑定(bind)到表单,并确保它们不会破坏表单,像这样使用jQuery:jQuery('form').submit(function(e){varform=this;e.preventDefault();alert('1');setTimeout(function(){alert('2');form.submit();},1000);});这一切都很好,除了,如果出于某种原因前端开发人员给这个表单的子输入一个id="submit",这会中断,因为form.submit()抛出JavaScript错误(在Chrome中,'UncaughtTypeError:Proper

javascript - 使用用户输入动态创建表

我目前正在尝试使用JS和HTML动态创建表格。但目前它似乎无法从用户输入中检索值。我做错了什么?提前致谢!functioncreateTable(num_rows,numcols){varnum_rows=document.tablegen.rows.value;varnum_cols=document.tablegen.cols.value;vartheader='\n';vartbody='';for(vari=0;i';for(varj=0;j';tbody+='Cell'+i+','+j;tbody+=''}//closingrowtabletbody+='\n';}vartf

javascript - jquery 只从开发工具控制台返回第一个输入元素

我有以下html:................我想选择所有的输入元素,但是当我输入时:$("input")在chromedevtools控制台中,我只得到第一个元素:我可以输入什么来获得输入元素的完整列表? 最佳答案 这不是一个愚蠢的问题。这实际上是Chrome开发者工具带来的困惑行为。这里发生的事情是您没有包含JQuery。GoogleChrome在Chrome开发者工具中提供了变量/函数$。它与jQuery不同。这是关于它的文档:https://developers.google.com/chrome-developer-t

javascript - D3.js 文本输入(在 svg 内)过渡不透明度 0 到 1 不会以 1 结束

我正在尝试使用以下代码让我的文本输入从0到1的选择过渡不透明度。如果没有过渡和不透明度设置,文本会按预期显示。但是使用这段代码,不透明度从0开始但永远不会变成1;并且没有添加文本值?[我的代码中的所有其他转换都按预期工作]。/***@paramtext*selectionwithdatatoaddtextfrom&truncateby,witha*delay.*/functionaddBubbleTextByData(text){text.style("opacity",0).transition().delay(1.1*transitionDelay).style("opacity"

javascript - 自动填充电话号码输入jquery的括号和连字符

我想让用户的输入自动填充电话号码的标点符号,看起来像这样(xxx)xxx-xxxx。我写了一个例子jfiddlehere但在填写电话号码的最后4位时会中断。$("#phone").on("changekeyuppaste",function(){varoutput;varinput=$("#phone").val();input=input.replace(/[^0-9]/g,'');vararea=input.substr(0,3);varpre=input.substr(3,4);vartel=input.substr(6,4);if(area.length

javascript - 有没有办法为提示的输入问题做一个 while 循环,绑定(bind)它们并在数组中提供所有答案?

我正在构建一个Yeoman生成器,所需的依赖项来自https://github.com/sboudrias/mem-fs-editor#copytplfrom-to-context-settings和https://github.com/SBoudrias/Inquirer.js/我们的想法是能够向用户提出一个问题并重复相同的问题,即您想添加另一个问题...如果用户添加另一个问题,那么它将绑定(bind)并记录该答案,如果用户说“不”'或点击return提示将停止。然后我想将所有答案绑定(bind)到一个数组,该数组可以传递给另一个对象函数,以便它可以将响应列为数组。到目前为止,这是代