国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
主站蜘蛛池模板: 国产真实乱子伦xxxxchina | 另类专区亚洲 | 精品成人免费一区二区在线播放 | 国产午夜毛片v一区二区三区 | 成人精品一级毛片 | 在线观看人成午夜影片 | 欧美日韩高清 | 2022国产精品手机在线观看 | 久香草视频在线观看 | 黄频免费影院 | 亚洲综合免费 | 男女一级 | 香港三级日本三级人妇三级四 | 娇小性色xxxxx中文 | 国产一区第一页 | 在线看免费观看韩国特黄一级 | 亚洲视频中文字幕在线 | 中文国产成人精品久久久 | 亚洲a成人 | 精品国产视频在线观看 | 精品在线视频播放 | 最新国产精品自拍 | xxxx肥婆性bbbb欧美 | 中文字幕一区二区三区免费视频 | 亚洲欧洲日产国码二区首页 | 国产99视频精品免费视频免里 | 亚洲在线播放视频 | 亚洲自偷自拍另类12p | 免费在线观看的毛片 | 久久伊人网站 | 日产日韩亚洲欧美综合搜索 | 国产一区精品在线观看 | 免费韩国美女爽快一级毛片 | 三级视频中文字幕 | 99爱视频精品免视看 | 久艹在线观看 | 成人亚洲欧美日韩在线 | 国产欧美一区二区三区免费 | 丰满老熟女毛片 | 国产在线91精品 | 国产精品亚洲欧美云霸高清 |