Styjun

How would armour (and combat) change if the fighter didn't need to actually wear it?

Running code generated in realtime in JavaScript with eval()

Is there a name for the technique in songs/poems, where the rhyming pattern primes the listener for a certain line, which never comes?

How can I shoot a bow using Strength instead of Dexterity?

What are the advantages of this gold finger shape?

Are there any cons in using rounded corners for bar graphs?

What is the hottest thing in the universe?

Bringing Power Supplies on Plane?

Why does this Jet Provost strikemaster have a textured leading edge?

Why do so many people play out of turn on the last lead?

Sword-and-sorcery flick from the 80s with a magic scarf that saves the hero's life

What can Amex do if I cancel their card after using the sign up bonus miles?

Can anybody tell me who this Pokemon is?

Is there a word for returning to unpreparedness?

What is the prop for Thor's hammer (Mjölnir) made of?

Did Pope Urban II issue the papal bull "terra nullius" in 1095?

Setting up a Mathematical Institute of Refereeing?

Is the Microsoft recommendation to use C# properties applicable to game development?

How can I communicate my issues with a potential date's pushy behavior?

What's the relationship betweeen MS-DOS and XENIX?

Why aren't rockets built with truss structures inside their fuel & oxidizer tanks to increase structural strength?

Why won't the Republicans use a superdelegate system like the DNC in their nomination process?

What is the most difficult concept to grasp in Calculus 1?

What modifiers are added to the attack and damage rolls of this unique longbow from Waterdeep: Dragon Heist?

Disable possibility to paste floating characters to Input number field

How do I convert a float number to a whole number in JavaScript?HTML-encoding lost when attribute read from input fieldDisable/enable an input with jQuery?How to deal with floating point number precision in JavaScript?How do I check that a number is float or integer?Set the value of an input fieldHow can I limit possible inputs in a HTML5 “number” element?How do I get the value of text input field using JavaScript?Is there a float input type in HTML5?Is it possible to apply CSS to half of a character?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I have an issue, when trying to disable paste floating number for <input type='number' />. I disable + - e E . onKeyDown but how to disable it on onPaste? For now I can only use e.preventDefault() for onPatste to disable at whole. How to disable only + - e E .

 <CutomInputField
 required
 type='number'
 inputProps=
 min: '1',
 max: '100',
 autoComplete: 'off',
 
 onKeyDown=e =>preventFloatingPointNumber(e)
 onPaste=e => 
 e.preventDefault()
 // preventFloatingPointNumber(e) //does not work such way
 
 
 />

// 'left arrow', 'up arrow', 'right arrow', 'down arrow',
const arrowsKeyCodes = [37, 38, 39, 40];
// 'numpad 0', 'numpad 1', 'numpad 2', 'numpad 3', 'numpad 4', 'numpad 5', 
'numpad 6', 'numpad 7', 'numpad 8', 'numpad 9'
const numPadNumberKeyCodes = [96, 97, 98, 99, 100, 101, 102, 103, 104, 105];

const preventFloatingPointNumber = e => {
// allow only [0-9] number, numpad number, arrow, BackSpace, Tab
if ((e.keyCode < 48 && !arrowsKeyCodes.includes(e.keyCode) || e.keyCode > 57 &&
 !numPadNumberKeyCodes.includes(e.keyCode)) &&
 !(e.keyCode === 8 || e.keyCode === 9))
 e.preventDefault()

javascript reactjs validation input ecmascript-6

share|improve this question

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Why not run a convert a floating point to an integer in onPaste ?
  
  – Paul Redmond
  Mar 27 at 11:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  onPaste how you get a value you paste on input field number?
  
  – Palaniichuk Dmytro
  Mar 27 at 11:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @PalaniichukDmytro you can use e.clipboardData.getData('text/plain')
  
  – Vladimir Bogomolov
  Mar 27 at 11:57
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  clipboardData always null ethier I use ctrl + v or right click moust paste option
  
  – Palaniichuk Dmytro
  Mar 27 at 12:01
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  const pastedData = e.clipboardData.getData('text/plain') if (isNaN(pastedData)) e.preventDefault() -works for me thanks
  
  – Palaniichuk Dmytro
  Mar 27 at 12:18
  

  
  
  
  

add a comment | 

0

I have an issue, when trying to disable paste floating number for <input type='number' />. I disable + - e E . onKeyDown but how to disable it on onPaste? For now I can only use e.preventDefault() for onPatste to disable at whole. How to disable only + - e E .

 <CutomInputField
 required
 type='number'
 inputProps=
 min: '1',
 max: '100',
 autoComplete: 'off',
 
 onKeyDown=e =>preventFloatingPointNumber(e)
 onPaste=e => 
 e.preventDefault()
 // preventFloatingPointNumber(e) //does not work such way
 
 
 />

// 'left arrow', 'up arrow', 'right arrow', 'down arrow',
const arrowsKeyCodes = [37, 38, 39, 40];
// 'numpad 0', 'numpad 1', 'numpad 2', 'numpad 3', 'numpad 4', 'numpad 5', 
'numpad 6', 'numpad 7', 'numpad 8', 'numpad 9'
const numPadNumberKeyCodes = [96, 97, 98, 99, 100, 101, 102, 103, 104, 105];

const preventFloatingPointNumber = e => {
// allow only [0-9] number, numpad number, arrow, BackSpace, Tab
if ((e.keyCode < 48 && !arrowsKeyCodes.includes(e.keyCode) || e.keyCode > 57 &&
 !numPadNumberKeyCodes.includes(e.keyCode)) &&
 !(e.keyCode === 8 || e.keyCode === 9))
 e.preventDefault()

javascript reactjs validation input ecmascript-6

share|improve this question

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Why not run a convert a floating point to an integer in onPaste ?
  
  – Paul Redmond
  Mar 27 at 11:46
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  onPaste how you get a value you paste on input field number?
  
  – Palaniichuk Dmytro
  Mar 27 at 11:54
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @PalaniichukDmytro you can use e.clipboardData.getData('text/plain')
  
  – Vladimir Bogomolov
  Mar 27 at 11:57
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  clipboardData always null ethier I use ctrl + v or right click moust paste option
  
  – Palaniichuk Dmytro
  Mar 27 at 12:01
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  const pastedData = e.clipboardData.getData('text/plain') if (isNaN(pastedData)) e.preventDefault() -works for me thanks
  
  – Palaniichuk Dmytro
  Mar 27 at 12:18
  

  
  
  
  

add a comment | 

I have an issue, when trying to disable paste floating number for <input type='number' />. I disable + - e E . onKeyDown but how to disable it on onPaste? For now I can only use e.preventDefault() for onPatste to disable at whole. How to disable only + - e E .

 <CutomInputField
 required
 type='number'
 inputProps=
 min: '1',
 max: '100',
 autoComplete: 'off',
 
 onKeyDown=e =>preventFloatingPointNumber(e)
 onPaste=e => 
 e.preventDefault()
 // preventFloatingPointNumber(e) //does not work such way
 
 
 />

// 'left arrow', 'up arrow', 'right arrow', 'down arrow',
const arrowsKeyCodes = [37, 38, 39, 40];
// 'numpad 0', 'numpad 1', 'numpad 2', 'numpad 3', 'numpad 4', 'numpad 5', 
'numpad 6', 'numpad 7', 'numpad 8', 'numpad 9'
const numPadNumberKeyCodes = [96, 97, 98, 99, 100, 101, 102, 103, 104, 105];

const preventFloatingPointNumber = e => {
// allow only [0-9] number, numpad number, arrow, BackSpace, Tab
if ((e.keyCode < 48 && !arrowsKeyCodes.includes(e.keyCode) || e.keyCode > 57 &&
 !numPadNumberKeyCodes.includes(e.keyCode)) &&
 !(e.keyCode === 8 || e.keyCode === 9))
 e.preventDefault()

javascript reactjs validation input ecmascript-6

share|improve this question

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

 <CutomInputField
 required
 type='number'
 inputProps=
 min: '1',
 max: '100',
 autoComplete: 'off',
 
 onKeyDown=e =>preventFloatingPointNumber(e)
 onPaste=e => 
 e.preventDefault()
 // preventFloatingPointNumber(e) //does not work such way
 
 
 />

// 'left arrow', 'up arrow', 'right arrow', 'down arrow',
const arrowsKeyCodes = [37, 38, 39, 40];
// 'numpad 0', 'numpad 1', 'numpad 2', 'numpad 3', 'numpad 4', 'numpad 5', 
'numpad 6', 'numpad 7', 'numpad 8', 'numpad 9'
const numPadNumberKeyCodes = [96, 97, 98, 99, 100, 101, 102, 103, 104, 105];

const preventFloatingPointNumber = e => {
// allow only [0-9] number, numpad number, arrow, BackSpace, Tab
if ((e.keyCode < 48 && !arrowsKeyCodes.includes(e.keyCode) || e.keyCode > 57 &&
 !numPadNumberKeyCodes.includes(e.keyCode)) &&
 !(e.keyCode === 8 || e.keyCode === 9))
 e.preventDefault()

share|improve this question

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

share|improve this question

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges

asked Mar 27 at 11:40

Palaniichuk DmytroPalaniichuk Dmytro

71811 gold badge1515 silver badges3434 bronze badges