Databases
StackOverflow2013
Postsdbo
POUse JavaScript to allow only specific characters in HTML input
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUse JavaScript to allow only specific characters in HTML input
    primarykey
    data
    text
    <p>I have written some JavaScript and jQuery code that accepts only numeric input in a textbox. But this is not enough; I need to limit the input to certain numbers.</p> <p>This textbox needs to deal with SSN numbers (Swedish SSN), and it has to start with 19 or 20. I want to force it to start with these numbers, but I can't manage to limit it to these.</p> <pre><code> $('input.SSNTB').keydown(function (event) { var maxNrOfChars = 12; var ssnNr = $('input.SSNTB').val(); if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || // Allow: Ctrl+A (event.keyCode == 65 &amp;&amp; event.ctrlKey === true) || // Allow: home, end, left, right (event.keyCode &gt;= 35 &amp;&amp; event.keyCode &lt;= 39)) { // let it happen, don't do anything return; } else { // Ensure that it is a number and stop the keypress if (((event.keyCode &lt; 48 || event.keyCode &gt; 57) &amp;&amp; (event.keyCode &lt; 96 || event.keyCode &gt; 105))) { console.log("if-1"); event.preventDefault(); } if (event.shiftKey == true) { console.log("if-3"); event.preventDefault(); } //rules to make sure the textbox starts with correct number if (event.keyCode != 49 || event.keyCode != 50 || event.keyCode != 97 || event.keyCode != 98) { console.log("if-4, Keycode:" + event.keyCode); event.preventDefault(); } } }); </code></pre> <p>The last if-case is executed to for testing this it is. It is executed as planed but it wont limit the input chars as its built for.</p> <p>any tips or ideas?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. UScalvinf
    1. USJonas Lindahl
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHave you considered RegEx for this problem? I believe you'll get a much cleaner piece of code from it... :)
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. USFarligOpptreden
    2. COI'd suggest you don't try to make your `keydown` handler so fancy - you can't restrict the characters at the beginning of the string unless you can tell where the cursor is. Just restrict it to the characters that can appear anywhere in the string and then use a `change` and/or `blur` handler to validate the overall format using a regex - this will also allow for when the user pastes, cuts or drag'n'drops (all of which can be done without triggering `keydown`).
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. USnnnnnn
    3. COSSN has 9 digits, even with hyphens the string should not be more then 11 characters. Why is maxNrOfChars set to 12?
      singulars
      1. POUse JavaScript to allow only specific characters in HTML input
      1. USAbbas
 

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