国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - js怎么判斷input輸入的值是數(shù)字,不小于等于0,不使用alert,而在同一行上用紅色字體提示用戶

瀏覽:190日期:2023-05-01 15:53:30

問題描述

javascript - js怎么判斷input輸入的值是數(shù)字,不小于等于0,不使用alert,而在同一行上用紅色字體提示用戶

js怎么判斷input輸入的值是數(shù)字,不小于等于0,可以為小數(shù)。如果不符合條件,在%后面以紅色字提示用戶,TKS!

javascript - js怎么判斷input輸入的值是數(shù)字,不小于等于0,不使用alert,而在同一行上用紅色字體提示用戶

問題解答

回答1:

判斷焦點是否在該input內(nèi)(或者通過焦點離開事件) 然后進(jìn)行傳值到j(luò)s方法類進(jìn)行判斷 根據(jù)你的要求進(jìn)行判斷

回答2:

document.getElementById(’ratio’).onchange = function(){ var val = this.value; if( val * 1 == NaN || val <= 0 ) return false; //報錯//正確代碼};document.getElementById(’ratio’).onkeyup = function(){}; //也行回答3:

CSS:

.red_border { border: 1px solid red; // 紅框樣式}.red_text { color: red; // 紅色提示文字樣式}

HTML:

<td class='form-inline'> <input type='text' name='post[post_ratio]' required value='' />&nbsp;&nbsp; % <span class='red_text'></span></td>

Javascript:

document.getElementById(’ratio’).onchange = function() { var val = this.value; var tip = this.getElementsByClassName(’red_text’)[0]; if(isNaN(+val) || (!isNaN(+val) && +val <= 0)) {// 錯誤this.className = ’red_border’;tip.innerHTML = ’出現(xiàn)錯誤’; } else {this.className = ’’;tip.innerHTML = ’’; }};回答4:

手機簡答,input里加pattern屬性,使用正則驗證內(nèi)容,然后css里使用input:invalid把input里邊不合規(guī)則的內(nèi)容標(biāo)紅(就紅框紅字啊啥的),后邊的紅字提示p緊跟著input寫,然后用

p {display:none;color:red;}input:invalid+p {display:block;}

這樣的規(guī)則搞出來,應(yīng)該就差不多了(標(biāo)簽換下id,我手機就不多碼字了)。不過如果需要兼容到IE9的話,可能需要再寫個兼容……

參考:

MDN - 表單驗證

標(biāo)簽: JavaScript
主站蜘蛛池模板: 欧美激情视频一级视频一级毛片 | 一区二区三区中文字幕 | 美国一级毛片∞ | 伊人久久大香线焦综合四虎 | 中文字幕亚洲精品 | 国产成人不卡亚洲精品91 | 国产视频软件在线 | 免费永久国产在线视频 | 久色一区 | 亚洲第一成年网 | 最近最新中文字幕免费的一页 | 久久爱一区 | 久久久久久一级毛片免费无遮挡 | 国产高清在线精品一区二区 | 香港经典a毛片免费观看看 香港经典a毛片免费观看爽爽影院 | 岛国毛片在线观看 | 日本黄网在线观看 | 在线观看精品自拍视频 | 久久久久毛片成人精品 | 久久精品视频免费在线观看 | 久久久91精品国产一区二区 | 免费看a网站 | 日韩三级视频在线 | 操操综合 | 男人天堂视频在线观看 | 国产成人精品男人的天堂网站 | 亚欧成人中文字幕一区 | 午夜一级毛片不卡 | 国产高清a毛片在线看 | 69欧美另类xxxxx高清 | 一级片美女 | 欧美大片欧美毛片大片 | 亚洲天码中文字幕第一页 | 亚洲精品一区国产二区 | 欧美国产日韩在线播放 | 久久久久久久免费 | 精品久久香蕉国产线看观看亚洲 | 免费人成在观看 | 国产精品视频九九九 | 国产在线观看成人 | 免费在线国产视频 |