第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何獲得<inputtype=“number”>字段的原始值？

如何獲得<inputtype=“number”>字段的原始值？

慕桂英3389331 2019-07-09 14:13:24
如何獲得<inputtype=“number”>字段的原始值？我怎么才能拿到“真實”a值<input type="number">田野？我有一個input框，我使用的是更新的HTML 5輸入類型number:<input id="edQuantity" type="number">Chrome 29主要支持這一點：我現(xiàn)在需要的是閱讀“生”值，則為用戶在輸入框中輸入的值。如果用戶輸入了一個數(shù)字：然后edQuantity.value = 4一切都很好。但是，如果用戶輸入無效文本，我希望將輸入框涂上紅色：不幸的是type="number"輸入框，如果文本框中的值不是數(shù)字，則value返回空字符串：edQuantity.value = "" (String);(至少在Chrome 29中)我怎么才能拿到“生”a值<input type="number">控制室？我試著查看Chrome輸入框的其他屬性列表：我沒有看到任何與實際輸入類似的東西。我也想不出這個盒子“空”或者不是。也許我可以推斷：value          isEmpty        Conclusion=============  =============  ================"4"            false          valid number""             true           empty box; not a problem""             false          invalid text; color it red注：在水平規(guī)則之后，你可以忽略所有的事情；這只是證明問題合理的補(bǔ)充。還有：不要把例子和問題混淆起來。人們可能出于某些原因想得到這個問題的答案。其他而不是將方框涂成紅色(例如：轉(zhuǎn)換文本)"four"進(jìn)入拉丁語"4"在onBlur事件期間的符號)我怎么才能拿到“生”a值<input type="number">控制室？獎金閱讀jsFiddle以上所有內(nèi)容(更新)新輸入類型的Quirkmode.org條目
查看完整描述

3 回答

?
胡說叔叔

TA貢獻(xiàn)1804條經(jīng)驗 獲得超8個贊

它沒有回答問題，但有用的解決辦法是檢查

edQuantity.validity.valid

這個ValidityState對象提供用戶輸入內(nèi)容的線索。考慮type="number"輸入min和max集

<input type="number" min="1" max="10">

我們總想用.validity.valid.

其他財產(chǎn)只提供獎金信息：

User's Input  .value  .valid | .badInput  .rangeUnderflow  .rangeOverflow
============  ======  ====== | =========  ===============  ==============
""            ""      true   | false      false            false  ;valid because field not marked required
"1"           "1"     true   | false      false            false  
"10"          "10"    true   | false      false            false
"0"           "0"     false  | false      true             false  ;invalid because below min
"11"          "11"    false  | false      false            true   ;invalid because above max
"q"           ""      false  | true       false            false  ;invalid because not number
"3"           ""      false  | true       false            false  ;superscript digit 3
"?"           ""      false  | true       false            false  ;arabic digit 3
"?"           ""      false  | true       false            false  ;subscript digit 3

在使用之前，您必須確保瀏覽器支持HTML 5驗證：

function ValidateElementAsNumber(element){
   //Public Domain: no attribution required.
   if ((element.validity) && (!element.validity.valid))
   {
      //if html5 validation says it's bad: it's bad
      return false;
   }

   //Fallback to browsers that don't yet support html5 input validation
   //Or we maybe want to perform additional validations
   var value = StrToInt(element.value);
   if (value != null)
      return true;
   else
      return false;}

獎金

他刪除了一個有用的答案：

只需使用CSS:invalid這個選擇器。

input[type=number]:invalid {
    background-color: #FFCCCC;}

這將觸發(fā)您的元素在輸入非數(shù)字有效時變?yōu)榧t色。

瀏覽器支持<input type='number'>與:invalid所以沒問題。

閱讀更多關(guān)于:invalid這里.


查看完整回答
反對 回復(fù) 2019-07-09
?
慕蓋茨4494581

TA貢獻(xiàn)1850條經(jīng)驗 獲得超11個贊

input.focus();document.execCommand("SelectAll");var displayValue = window.getSelection().toString();


查看完整回答
反對 回復(fù) 2019-07-09
  • 3 回答
  • 0 關(guān)注
  • 1532 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號