草庐IT

min_numbers

全部标签

javascript - 不允许在 <input type=number/> 中输入字母字符

我需要一个文本框,无论何时在里面输入都应该只允许数字[0-9]。我使用了type="number",它肯定可以进行客户端验证,但也允许键入其他字母。我可以通过跟踪每个按键并与正则表达式匹配来做到这一点,但我想知道是否有任何方法可以限制我仅使用html标签进行键入而不在JavaScript中定义任何函数以在每个按键中进行比较?不足以做到这一点的代码是:感谢任何帮助。 最佳答案 您可以使用jquery.numeric插件。见here类似的问题。$(document).ready(function(){$(".numeric").nume

html - 为什么 CSS min-width 属性不强制 div 具有指定的最小宽度?

div{border:1pxsolid#000;min-width:50%;}Thisissometext.我认为div应该占页面的50%,除非出于某种原因,div中的文本使其变大。但是,div周围的边框横跨整个页面宽度。这在IE和Firefox中都会发生。建议? 最佳答案 Ibelievethedivshouldbe50percentofthepage,unless,forsomereason,thetextinsidethedivmakesitlarger.min-width没有设置block增长的最小起始宽度;相反,它限制了b

javascript - 从 javascript 访问时,HTML 输入类型 ="number"仍返回字符串

我是javascript的新手,我正在尝试学习JS中的功能等,并尝试添加2个数字JSADDFuncitonsisJSAddfunctionaddNum(n1,n2){returnparseInt(n1)+parseInt(n2);}functionaddNumAction(){varn1=document.getElementById("num1").value;varn2=document.getElementById("num2").value;varsum=addNum(n1,n2);window.alert(""+sum);}如果我删除了parseInt(),该值仅被视为字符串

html - 如何将 css max-left 或 min-left 位置放置到绝对对象?

我有一个元素:position:absolute;left:70%;例如,我可以将元素配置为不从左侧移动超过900像素吗?类似于max-width但用于定位? 最佳答案 您可以使用CSS3媒体查询来实现这一点所以:#element{position:absolute;left:70%;}如果您不希望它在屏幕较小或调整大小时覆盖对象窗口,您可以在之后添加:@mediaalland(max-width:980px){#element{margin-left:0px;left:220px;}}当屏幕宽度小于980px时,#element对

HTML5 - input=number 和不兼容的浏览器

我想使用html5元素在我的网站上,但我想知道在不支持此功能的浏览器中此字段会发生什么情况?是不是比经典那些浏览器的字段? 最佳答案 当浏览器无法识别特定的type的值,它恢复到它的默认值,即text.因此,以下所有内容在不支持的浏览器上都是等价的type="number":对于确实支持type="number"的浏览器,number将显示而不是text.阅读更多关于typeattributeintheHTMLSpecification的信息. 关于HTML5-input=number和

forms - Chrome /HTML5 : Input type number not respecting max attribute?

我有以下标记:在谷歌浏览器(可能还有其他webkit浏览器)中,这将限制微调器的向上箭头超过99,但它不会阻止用户输入大于99的数字。即使是onblur,无效值不会被删除/替换,甚至不会发出警告,因为该值无效。我是不是误解了它应该如何工作,或者这是一个错误?我使用的是最新版本的Chrome(撰写本文时为19)。编辑:澄清一下,我想知道为什么首先允许输入大于指定最大值的数字。我意识到它在表单提交时给出了一个工具提示,告诉你它是无效的,但微调器不允许你超过最大值似乎是不一致的行为,但你可以随时简单地输入一个高于最大值的数字来规避如果出于某种原因这是期望的行为,那是为什么呢?是否有更好的选择

html - 媒体查询 : check min-height and min-width?

我正在尝试根据浏览器的最小高度和最小宽度更改我页面上的CSS,所以我正在使用它:@media(min-height:500px),(min-width:580px){/*CSSstuff*/}但出于某种原因,这不起作用。我可以同时检查最小高度和最大宽度(反之亦然)或最大高度和最大宽度,但检查两个最小值似乎不起作用。我应该更详细地说明这一点:我希望浏览器在最小高度或最小宽度变为真时采取行动。仅当两个条件都为真时,使用and-operator才有效。我做错了什么吗? 最佳答案 使用and而不是逗号,如下所示:@media(min-hei

javascript - 如果有空格或非数字字符,HTML5 input type=number value 在 Webkit 中为空?

如果我在中的一串数字中包含一个空格,这对我来说是奇怪的行为(Chrome/Safari,不是Firefox)然后是value该输入为空。请参阅此JSFiddle:http://jsfiddle.net/timrpeterson/CZZEX/5/代码如下:click$('button').click(function(){alert("withOut:"+$('#withOutspace').val()+"||||with:"+$('#with_space').val());});如果你去thisJSFiddle,您会注意到with_space输入为空。但是,如果您在其中输入一个包含空格

html - 订阅者电子邮件 : GMail is converting height to min-height

这是向Google用户发送电子邮件时看似已知的问题:Google将所有“高度”声明更改为“最小高度”。这意味着堆叠的图像不再无间隙地相互“接触”。有没有人知道一个好的解决方法?这是一个例子:在GMail中显示如下:所以不是这个:在GMail中,两张相互堆叠的图片看起来像这样:必须有一个简单的解决方法吗? 最佳答案 我刚刚遇到了这个问题并通过设置max-height解决了它,它不会混淆。 关于html-订阅者电子邮件:GMailisconvertingheighttomin-height,

HTML5 输入类型 'Number' 模式未被强制执行

Chrome中的以下代码并未强制执行“00.00”模式,它允许任何格式的数字,小数位数不受限制。该模式在使用输入类型“文本”时工作正常,所以不确定这是否是“数字”问题?任何建议表示赞赏。JSFiddle 最佳答案 这是一个相当古老的问题,但我试图理解同样的事情,这是我能够确定的。首先,number类型的输入没有使用pattern属性,所以会忽略它。其次,step属性不仅决定了上/下答题器的步长,还决定了有效值的集合。例如,如果您将步长设置为1.11,则有效值为1.11、2.22、3.33等。如果你输入5.2并提交,它会回复“请输入一