Databases
StackOverflow2013
Postsdbo
POinput type="number" and IE10+
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POinput type="number" and IE10+
    primarykey
    data
    text
    <p>I'm trying to do Javascript client-side validation of a number field using an HTML5 <code>&lt;input type="number"&gt;</code> element. There is also server-side validation, so let's not start a rant about that... ;)</p> <p>I wish to provide three status levels of validation: Green for a valid number within the defined range, Yellow for an out-of-range number or an empty field, and Red for non-numeric input.</p> <p>My problem is that IE11 (and, I believe, IE10) seem to return a blank <code>.value</code> property for non-numeric input. That is, if I type <code>abc</code> into the box, <code>.value</code> is <code>""</code>. That prevents me distinguishing Yellow (blank) from Red (garbage).</p> <p>I'm aware of the existence of the new <code>.valueAsNumber</code> property, but that does not completely help me as I cannot distinguish between empty on other browsers and non-numeric on IE10/11 (<code>.value</code> is empty, <code>.valueAsNumber</code> is <code>NaN</code>).</p> <p>Has anyone solved this problem? I don't want to resort to tracking keypresses, and I want to support older browsers (back to IE8) that revert to <code>type="text"</code> and do not have <code>.valueAsNumber</code>. Thanks in advance...</p> <p>Edit: just to clarify (hopefully), my issue is that the output of <code>.value</code> and <code>.valueAsNumber</code> in IE10/11 does not allow me to distinguish between no input and non-numeric input. I would like to be able to distinguish these two cases without browser-sniffing and falling back to <code>type="text"</code>.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMark
    1. USMark
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POinput type="number" and IE10+
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POinput type="number" and IE10+
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COWhy not consider changing from permitting _blank_ to using some _default_ which is outside your range, e.g. `0`, which you can detect and make behave differently, then this enables always casting everything to _Number_ so you can always work with _Numbers_ only? (You should still do server-side validation, obviously)
      singulars
      1. POinput type="number" and IE10+
      1. USPaul S.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload