草庐IT

input-tick

全部标签

vue利用自定义指令全局去除el-input框前后空格

需求当用户输入的时候,我们需要自动去掉输入框两边的空格,注意,中间是能输入空格的我们一般使用的是 v-model.trim,原生的input框是可以的,但封装之后的会把所有空格都去掉,例如el-input.此时我们利用全局自定义指令实现对el-input的只去除首尾空格的需求。1、在directive文件夹下创建一个trim文件夹   2、index.js文件 /***去除两边空格*使用*/functiongetInput(el){letinputEleif(el.tagName!=='INPUT'){inputEle=el.querySelector('input')}else{inputE

html - 在 innerHTML angular 2 中注入(inject) <input>

我正在尝试使用Angular2注入(inject)一个输入HTML标记,这是我的项目:.ts:exportclassFaxSendComponent{inputpdf='';}这是来自控制台的日志:WARNING:sanitizingHTMLstrippedsomecontent(seehttp://g.co/ng/security#xss).我尝试使用其他html标签,例如而且效果很好。 最佳答案 您应该信任HTML首先在注入(inject)之前。你必须使用DomSanitizer对于这样的事情。一个元素被认为是安全的。一个元素不

html - 在 innerHTML angular 2 中注入(inject) <input>

我正在尝试使用Angular2注入(inject)一个输入HTML标记,这是我的项目:.ts:exportclassFaxSendComponent{inputpdf='';}这是来自控制台的日志:WARNING:sanitizingHTMLstrippedsomecontent(seehttp://g.co/ng/security#xss).我尝试使用其他html标签,例如而且效果很好。 最佳答案 您应该信任HTML首先在注入(inject)之前。你必须使用DomSanitizer对于这样的事情。一个元素被认为是安全的。一个元素不

css - 如何使用 CSS 选择没有 "type"的 <input>

我这里有3s在我的HTML中:Name:Age:Site:我可以用这些CSS选择底部的两个:input[type="number"]{color:gray;}input[type="url"]{color:blue;}但是我不知道如何选择第一个没有类型的。我试过:input{color:red;}但它也会改变其他两个。input[type=""]{color:red;}这还是不行。有什么想法吗? 最佳答案 选择器input[type=""]将查找具有设置为空的属性type的输入。尝试使用这个:input:not([type]){}S

css - 如何使用 CSS 选择没有 "type"的 <input>

我这里有3s在我的HTML中:Name:Age:Site:我可以用这些CSS选择底部的两个:input[type="number"]{color:gray;}input[type="url"]{color:blue;}但是我不知道如何选择第一个没有类型的。我试过:input{color:red;}但它也会改变其他两个。input[type=""]{color:red;}这还是不行。有什么想法吗? 最佳答案 选择器input[type=""]将查找具有设置为空的属性type的输入。尝试使用这个:input:not([type]){}S

javascript - 表单验证;获取所有 "input type=text"并验证?

我有一个动态的表单。这意味着,输入名称发生了变化,并且不一样,但它们都是相同的“TYPE”。所以我需要一个javascript来获取所有inputtype="text"并验证它们。这可能吗?如果是,怎么做到的?我需要检查的是它们不为空,并且它们只是数字。谢谢 最佳答案 使用document.querySelectorAll("input[type=text]")获取包含所有“文本”类型输入的数组。您需要遍历它们并进行验证。另请注意,您可能希望使用类似#container_idinput[type=text]的内容来确保您不会获得任何

javascript - 表单验证;获取所有 "input type=text"并验证?

我有一个动态的表单。这意味着,输入名称发生了变化,并且不一样,但它们都是相同的“TYPE”。所以我需要一个javascript来获取所有inputtype="text"并验证它们。这可能吗?如果是,怎么做到的?我需要检查的是它们不为空,并且它们只是数字。谢谢 最佳答案 使用document.querySelectorAll("input[type=text]")获取包含所有“文本”类型输入的数组。您需要遍历它们并进行验证。另请注意,您可能希望使用类似#container_idinput[type=text]的内容来确保您不会获得任何

html <input> 元素忽略 CSS 左+右属性?

我注意到HTML中的元素会忽略CSS中的“左”和“右”属性对。“顶部”和“底部”对也是如此。请参阅下面的示例代码:应该占据浏览器中几乎所有的空间(除了周围10px的边框)。它在Safari中工作正常,但在FireFox和IE中在浏览器的左上角保持较小。如果我使用“left”和“width”,以及“top”和“height”,那么一切正常。但是我不知道宽度和高度是多少,我希望它们根据浏览器窗口的大小进行调整。有什么解决办法吗?谢谢。 最佳答案 您可以使用包装器DIV 关于html<i

html &lt;input&gt; 元素忽略 CSS 左+右属性?

我注意到HTML中的元素会忽略CSS中的“左”和“右”属性对。“顶部”和“底部”对也是如此。请参阅下面的示例代码:应该占据浏览器中几乎所有的空间(除了周围10px的边框)。它在Safari中工作正常,但在FireFox和IE中在浏览器的左上角保持较小。如果我使用“left”和“width”,以及“top”和“height”,那么一切正常。但是我不知道宽度和高度是多少,我希望它们根据浏览器窗口的大小进行调整。有什么解决办法吗?谢谢。 最佳答案 您可以使用包装器DIV 关于html<i

javascript - HTML5 input type=number 改变步骤行为

如果我使用type="number"和step="100"的输入字段。我不希望奇数无效。我只想增加或减少值为1000。如果用户输入值“199”并提交,他/她会收到错误消息,因为该值不能被100整除。但是我想要的步长值只是控制微调器的行为,例如如果用户点击向上,我希望值199变为200,如果他/她点击向下,我希望它变为100。或者理想情况下,我希望值增加或减少为100。我该怎么做?我尝试像这样使用无效事件(使用jQuery1.7.2):$("[type='number']").bind('invalid',function(e){varel=$(this),val=el.val(),mi