草庐IT

input-button

全部标签

javascript - 使用 AJAX 输入类型 ="submit"而不是输入类型 ="button"?

我有一个正在设置的AJAX表单,使用设置了jQuery.click操作。问题是,因为没有>在表单中,表单不会以传统方式提交,因此表单验证器并不总是有效,并且按下回车按钮什么也不做。如果我确实添加了提交输入,当它被点击(或输入被击中等)时,页面会重新加载,就好像它不是AJAX表单一样。我在这里错过了什么? 最佳答案 使用提交按钮。提交按钮在默认浏览器行为方面将更加兼容,例如按enter。然后,在提交事件中,只需取消表单提交并运行您的AJAX代码。如果您使用的是jQuery,则可以使用更“干净”的方法$('#form_id').bind

javascript - <paper-input> 或 <core-input> 元素上的 polymer focus()

有没有办法聚焦core-input或paper-input元素?我想要实现的是:将光标设置为输入元素,以便用户可以开始输入。这样他就不会在写之前被迫点击元素。 最佳答案 core-input现在有一个.focus()方法,它委托(delegate)给内部的focus()来自core-input.html代码:focus:function(){this.$.input.focus();}这意味着在您自己的代码中您需要像下面这样调用它:elem[0].focus()在我自己的例子中,我从timeout调用focus。在这种情况下,bin

javascript - Angular 2 : how do display character count on reactive form input

我正在使用Angular2响应式表单,我想在用户输入时显示textarea的字符数。我希望能够像这样在我的html中包含表单控件的name.length:BriefDescriptionofIncident{{alaynaPage.incidentDescription.length}}of{{maxIncidentDescriptionLength}}characters这“有效”,但是表单控件的length滞后一次击键。例如,如果我在文本区域中键入a,{{alaynaPage.incidentDescription.length}}为0。如果我随后键入b(因此字符串是ab){{al

javascript - 点击 'submit-button'后文字迅速消失

有问题。这是我的代码:13-7:20-7:functioncheck(facit,input,output){varanswer,evaluation;answer=document.getElementById(input).value;evaluation=(answer==facit)?"Correct":"Wrong";document.getElementById(output).innerHTML=evaluation;returnfalse;}当我点击提交按钮时,“正确/错误”仅显示片刻。我希望它保留在网站上,有什么建议吗? 最佳答案

javascript - jQuery,选择 Input FILE 并将其设置为另一个 INPUT

该网站有2个输入字段,我只选择了1个字段,另一个不可见。现在我想将不可见的.val()更改为选定的.val(),因此两个字段都上传相同的文件。它是如何工作的?如果我这样做:$('#input_file').change(function(){varfileSelect=$(this).val();$('#hidden_input_file"]').val(fileSelect);console.log(fileSelect);});我得到这个错误:未捕获的InvalidStateError:无法在“HTMLInputElement”上设置“值”属性:此输入元素接受一个文件名,该文件名只

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

实习关于快速修改element ui中input框的样式问题

由于需要根据ui设计成这个样子这里直接贴代码el-form-item>el-inputv-model="form.keyword"placeholder="搜索关键词"onfocus="this.placeholder=''"onblur="this.placeholder='搜索关键词'"maxlength="50"clearable>islot="suffix"class="el-input__iconel-icon-searchft9"@click="getSearchList">i>el-input>el-form-item>el-form-item>这里的suffix只是修改尾部的i

javascript - 如何在没有浏览器检测的情况下识别 "input"事件中的错误行为?

我将从问题开始。当特定浏览器的某项功能实现有问题并且您的javascript需要知道当前浏览器是否具有该有问题的实现以便它可以使用替代策略时,您如何在不进行浏览器类型嗅探的情况下确定该实现是否有问题(这通常被认为是坏的)?这是整个情况。我正在编写一些想要使用"input"event的代码用于获取用户更改的通知字段(比“更改”事件更有效),但是当不支持该事件时,它会使用涉及许多其他事件的更复杂的方案。由于“输入”事件仅在某些浏览器中受支持,我开始寻找一种方法来对该事件进行特征检测(而不是浏览器用户代理嗅探),因为特征检测通常是一种更可靠的处理方式.因此,我遇到了thisgreatarti

javascript - Firefox Extension Addon SDK 合并多个 'Action Buttons'

我想将两个“操作按钮”合并为一个,就像Firefox当前对其书签插件所做的一样,注意它在“自定义...”选项中被视为一个按钮。这是导航栏上整个按钮的屏幕截图。这是“自定义”GUI中“书签”按钮的屏幕截图。我仔细查看了SDK文档,没有明确的方法可以做到这一点。看来这需要对sdk/ui库本身进行操作。我很感激能帮助我解决这个问题的任何信息或见解。谢谢。点击here操作按钮api引用。 最佳答案 一开始我很犹豫要不要回答这个问题,但显然没有其他人有更好的答案,现在这是我的“非答案”答案:ActionButtonAPI目前不支持此功能。但一

javascript - 我如何判断 &lt;input type=number> 是空白还是具有无效值?

如果用户在中键入无效值(例如:“1.2.3”),然后Chrome和Firefox报告的value属性为""而不是"1.2.3".那么,我如何判断用户是否在中输入了无效数字?或者只是留空?我尝试使用valueAsNumber属性,但它是NaN在这两种情况下。functionshowInputValue(){constinputValue=document.getElementById("numberInput").value;constinputValueAsNumber=document.getElementById("numberInput").valueAsNumber;conso