Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Accept only specific numbers in an input

Y
yajahira last edited by
I have the following input:
```
Conta Despesa: 
<input type="number" name="cod_reduzido"> 
```
However, it should accept only specific numbers (there are 30 numbers that are not in sequence, such as: 3111, 3113, 3130, etc.)
Reply Quote 0
1 Reply Last reply
O
Oba22 last edited by
It doesn't make sense for your input type to be number(with arrow behavior to increment and decrease, and you're not using sequence. So I switched to type="text"but I added a parameter called pattern that validates your input through a https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/RegExp .
As your case is specific with numbers without some logic between you will need to write the RegExpna nail yourself! Follow example with the 3 numbers you have passed, just add the remaining separated by |(OR).
```
Conta Despesa: 
<input type="text" name="cod_reduzido" pattern="3111|3113|3130">
<input type="submit" value="validar">
```
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

S

How do you figure out the ricochet?
Software Programming • javascript typescript math • • shizuka

2

0
Votes

2
Posts

0
Views

B

In general, as already stated in the commentaries, it is necessary to determine whether the circles are intersecting - a condition must be added for this. if (distBetweebCirles <= circle1.radius + circle2.radius) { // collision happened // resolve it } In your case distBetweenCirles It's the length of the vector. N(please describe him differently, for example distanceVectorand the radius can be considered equivalent mass in simulation.Next, the circles are allowed, because the masses are the same, the speed vectors simply exchange with each other. This follows from the following formula (also applicable to different masses)1)v1 = (u1 * (m1 - m2) + 2 * m2 * u2) / (m1 + m2)v2 = (u2 * (m1 - m2) + 2 * m1 * u1) / (m1 + m2)where u1, u2 velocity vectors before impact, and v1, v2 After. And if m1 == m2 - Yes. 2)v1 = u2 and relatedv2 = u1(how did you get out of the formula yourself) 1))Where did the first formula come from? - in such a turf, https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%BA%D0%BE%D0%BD_%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B8%D0%BC%D0%BF%D1%83%D0%BB%D1%8C%D1%81%D0%B0 and https://ru.wikipedia.org/wiki/%D0%97%D0%B0%D0%BA%D0%BE%D0%BD_%D1%81%D0%BE%D1%85%D1%80%D0%B0%D0%BD%D0%B5%D0%BD%D0%B8%D1%8F_%D1%8D%D0%BD%D0%B5%D1%80%D0%B3%D0%B8%D0%B8 therefore, a system of equations concerning v1 and v2:m1 * u1 + m2 * u2 = m1 * v1 + m2 * v2(m1 * u1^2) / 2 + (m2 * u2^2) / 2 = (m1 * v1^2) / 2 + (m2 * v2^2) / 2the solution of which is the formula 1)read the mat part https://ru.wikipedia.org/wiki/%D0%A3%D0%B4%D0%B0%D1%80#.D0.90.D0.B1.D1.81.D0.BE.D0.BB.D1.8E.D1.82.D0.BD.D0.BE_.D1.83.D0.BF.D1.80.D1.83.D0.B3.D0.B8.D0.B9_.D1.83.D0.B4.D0.B0.D1.80
A

Filter the elements of the mass with an uneven index
Software Programming • javascript • • Amritpal

2

0
Votes

2
Posts

0
Views

var newArr = [10, 20, 30, 40, 50, 60, 70, 80, 90].filter(function(v,i){ if(i % 2 != 0) return v; }); console.log(newArr); // [20, 40, 60, 80]
F

Error validations ajax
Software Programming • javascript html ajax jsp • • fbio

2

0
Votes

2
Posts

0
Views

R

For what I understand in the success of ajax, variable datos Thirteenth text HTML Where is the select. Something like that:datos = '<select...><option..></option>...</select>' But when ciudad He doesn't. zonas, return the select vacuum. Something like that:datos = '<select...></select>' In this case, the variable datos It's not empty., but we can see has no tags option.A solution can be to check that in the variable datos the text does not exist <optionI mean, just one. select empty.Example:if(datos.indexOf('<option') === -1) { $("#erroro").html("La ciudad Seleccionada No tiene Zonas. Error"+ ciudad ); } $('#zona').html(datos); // UpdateIn https://i.stack.imgur.com/y8dBE.jpg you can see that the container of the error message is called errorz And if you want him select Don't show up, then you can do this:if(datos.indexOf('<option') === -1) { $("#errorz").html("La ciudad Seleccionada No tiene Zonas. Error"+ ciudad ); $('#zona').html(''); } else { $('#errorz').html(''); $('#zona').html(datos); }
R

prevent number from entering an input number
Software Programming • jquery html5 • • Raziyah00

2

0
Votes

2
Posts

0
Views

I can think you could use keydown() in this way:$("input").keydown(function() { return false });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="number" name="" id="">
B

Promisse daughter is not entering the father's catch
Software Programming • javascript react • • Burma

2

0
Votes

2
Posts

0
Views

O

Rafael,This occurs because their methods do not throw the exception.You can fix by making the throw of some custom error or launching your own captured exception in catch.Here's an example of errors with asynchronous functions://Dessa forma não funciona, pois você acaba não retornando a exceção async function maiorQueZero(value) { try { if (value > 0) { return value; } else { return funcao_nao_existe(value); } } catch(e) { //Acaba não retornando nada //Ou console.log } } //Dessa forma funciona, pois é feito o reject na promise async function maiorIgualZero(value) { return new Promise( (resolve, reject) => { try { if (value >= 0) { resolve(value); } else { resolve(funcao_nao_existe(value)); } } catch(e) { //Rejeita a promise... reject(e); } }); } //Dessa forma também funciona, pois é lançada a exceção na função async function menorIgualZero(value) { try { if (value <= 0) { return value; } else { return funcao_nao_existe(value); } } catch(e) { //Faz qualquer coisa aqui e lança a exceção throw e; } } //Essas utilizações não vão cair no catch maiorQueZero(10) .then( result => console.log("maiorQueZero(10) = Não gerou erro") ) .catch( error => console.log("maiorQueZero(10) = Gerou erro")); //Deveria cair no catch, mas não vai cair... maiorQueZero(0) .then( result => console.log("maiorQueZero(0) = Não gerou erro") ) .catch( error => console.log("maiorQueZero(0) = Gerou erro")); //Essas formas já caem no catch por conta do reject da promise maiorIgualZero(0) .then( result => console.log("maiorIgualZero(0) = Não gerou erro") ) .catch( error => console.log("maiorIgualZero(0) = Gerou erro")); //Deve cair no catch maiorIgualZero(-1) .then( result => console.log("maiorIgualZero(-1) = Não gerou erro") ) .catch( error => console.log("maiorIgualZero(-1) = Gerou erro")); //Essas formas também vão cair no catch por conta do thorw da exceção menorIgualZero(0) .then( result => console.log("menorIgualZero(0) = Não gerou erro") ) .catch( error => console.log("menorIgualZero(0) = Gerou erro")); //Deve cair no catch menorIgualZero(1) .then( result => console.log("menorIgualZero(1) = Não gerou erro") ) .catch( error => console.log("menorIgualZero(1) = Gerou erro"));Therefore, a possible correction in your code would be the following:async criate(url: string, object: Object): Promise<any> { try { return response = await this.api().post( url, object ); } catch (error) { throw new Error("API_ERROR: " + error.request.response + " CODE: " + error.request.status ); } } async login() { this.loading = true; try { const user: User = await this.api.cri<User>(rotaUsuario.login, this.currentUser); } catch (e) { throw e; } finally { this.loading = false; } }
C

My input only accepts one character at a time. And it is repeating the same text to other Input
Software Programming • javascript react • • courtlanda

2

0
Votes

2
Posts

0
Views

J

Instead of using prop defaultValue, uses prop value in input.Cell: props => { return ( <input name="date" type="date" value={this.state.date} onChange={this.handleChange} style={{ width: "130px", height: "20px", border: "none" }} ></input> ); }
C

Iterar with VueJS
Software Programming • javascript json vue.js • • charlenef

2

0
Votes

2
Posts

0
Views

S

I know there'll probably be better answers, but I'll eat you the following:You'll have to do a double v-for so that in this way you can iterate on the values of both jsonWith the first v-for you access the main key that for this example is called data and store your values in the variable elementoWith the second v-for which will give you the option to iterate the keys and values we store them in the variable pais With this last one called pais You can do the syntax. clave.valor where value can be title; then you're traveling get the names and fill your select optionI'll leave you this example. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div id="app"> <select v-for="elemento in datos"> <option value="" v-for="pais in elemento">{{ pais.title }}</option> </select> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> <script> let app = new Vue({ el: `#app`, data: { datos: [{ "1": { "ourid": 1, "title": "Afghanistan", "code": "AF" }, "2": { "ourid": 2, "title": "Albania", "code": "AL" } }] } }) </script> </body> </html>
You want to create a specific range of numbers in JavaScript
Software Programming • • Demir

2

0
Votes

2
Posts

0
Views

G

Sorry, this entry is only available in Japanese.There is no way to express serial numbers like Ruby.It was possible to achieve the following.start = 3 end = 6 new Array(end - start + 1).fill(null).map((_, i) => i + start) // [3, 4, 5, 6] The following is a reference. https://qiita.com/Nossa/items/e420c15175d87cec079e
J

Restoration of interval-a on the button
Software Programming • javascript html • • jonetta

2

0
Votes

2
Posts

0
Views

O

const colors = ["green", "red", "blue", "black"]; const div = document.getElementsByTagName('div'); const buttons = document.querySelectorAll('button'); let x = 0; const changeColor = () => { div[0].style.backgroundColor = colors[x++]; if(x === colors.length){ x = 0; } } let changeColors = setInterval(changeColor, 1000); buttons[0].addEventListener('click', function(){ clearInterval(changeColors); changeColors = null; }) buttons[1].addEventListener('click', function(){ if(changeColors === null){ changeColors = setInterval(changeColor, 1000); }; })div{ width: 150px; height: 150px; border-radius: 50%; background-color: red; }<div></div> <button>Clear Interval</button> <button>Return Interval</button>
M

Text from div to the Vontact wall
Software Programming • javascript php vkontakte api • • meriah

2

0
Votes

2
Posts

0
Views

C

var element = document.getElementById('div-with-text'); var textFromDiv = element.textContent || element.innerText;
Why is the vue-phone-number-input component breaking the marking?
Software Programming • vue.js vuetify • • irl

2

0
Votes

2
Posts

0
Views

A

He contacted the author of the component. He described the situation and put a project on the guitar. The author left in a day. He made adjustments and proposed a new version of the component. Now the marking doesn't break. Who cares about... the conversion of component 1.0.4
A

Call a click on the input arrows [type="number]
Software Programming • javascript jquery input dom events • • authera

2

0
Votes

2
Posts

0
Views

C

let [n,r] = [document.getElementById("numPeople"),document.getElementById("result")]; n.addEventListener("input", (e) => r.innerHTML += "события input вызвалось <br/>"); n.addEventListener("keyup", (e) => r.innerHTML += "события keyup вызвалось <br/>"); n.addEventListener("change", (e) => r.innerHTML += "события change вызвалось <br/>");input { font-size: 1.2em; border-radius: 4px; padding: 4px; }<input id="numPeople" type="number" min="0" value="" placeholder="Выбери число" /> <div id="result"></div>
J

Javascript alert and document.write()
Software Programming • javascript dom • • juvenalb

2

0
Votes

2
Posts

0
Views

C

I'll give you the right answer from the commentaries: the symbol for the translation of the line \n like the rest of the whitespace symbols, they don't have the power in HTML.Therefore, using API hosting HTMLinnerHTML♪ document.write()() The same designs that you would use in the HTML mark to translate the line: <br> or <p></p>♪Yeah, and don't use it. document.write()It's the 1990s, you'll only have a problem.
O

Functional problems defined in object
Software Programming • javascript html • • Oba22

2

0
Votes

2
Posts

0
Views

You've tried something to eat:var light_off = changeImage(light); changeImage: function(light)){ return (new light).attr("image/xlink:href","bombilla.on.jpg"); }
Input type number mocked
Software Programming • php html laravel • • emmalee

2

0
Votes

2
Posts

0
Views

Short answer: No, it's impossible to guarantee what you ask.Think the user has a thousand and a forms Jump what you intend. From using ancient browsers, to do the same by using external tools, such as wget. By simply opening the source code of the page, editing the field, and eliminating any possible limitation that exists.Summarizing: Never., never of the hams, under any circumstances or circumstancesYou trust you're going to receive Exactly. what you want to receive. Check the validity of the data SIEMPRE.This is a rule. gold in any language, program or technology. Always program the defensive, as if the user tried by all means at his disposal Break. your show.

Accept only specific numbers in an input

Suggested Topics

How do you figure out the ricochet? Software Programming • javascript typescript math • • shizuka

Filter the elements of the mass with an uneven index Software Programming • javascript • • Amritpal

Error validations ajax Software Programming • javascript html ajax jsp • • fbio

prevent number from entering an input number Software Programming • jquery html5 • • Raziyah00

Promisse daughter is not entering the father's catch Software Programming • javascript react • • Burma

My input only accepts one character at a time. And it is repeating the same text to other Input Software Programming • javascript react • • courtlanda

Iterar with VueJS Software Programming • javascript json vue.js • • charlenef

You want to create a specific range of numbers in JavaScript Software Programming • • Demir

Restoration of interval-a on the button Software Programming • javascript html • • jonetta

Text from div to the Vontact wall Software Programming • javascript php vkontakte api • • meriah

Why is the vue-phone-number-input component breaking the marking? Software Programming • vue.js vuetify • • irl

Call a click on the input arrows [type="number] Software Programming • javascript jquery input dom events • • authera

Javascript alert and document.write() Software Programming • javascript dom • • juvenalb

Functional problems defined in object Software Programming • javascript html • • Oba22

Input type number mocked Software Programming • php html laravel • • emmalee

How do you figure out the ricochet?
Software Programming • javascript typescript math • • shizuka

Filter the elements of the mass with an uneven index
Software Programming • javascript • • Amritpal

Error validations ajax
Software Programming • javascript html ajax jsp • • fbio

prevent number from entering an input number
Software Programming • jquery html5 • • Raziyah00

Promisse daughter is not entering the father's catch
Software Programming • javascript react • • Burma

My input only accepts one character at a time. And it is repeating the same text to other Input
Software Programming • javascript react • • courtlanda

Iterar with VueJS
Software Programming • javascript json vue.js • • charlenef

You want to create a specific range of numbers in JavaScript
Software Programming • • Demir

Restoration of interval-a on the button
Software Programming • javascript html • • jonetta

Text from div to the Vontact wall
Software Programming • javascript php vkontakte api • • meriah

Why is the vue-phone-number-input component breaking the marking?
Software Programming • vue.js vuetify • • irl

Call a click on the input arrows [type="number]
Software Programming • javascript jquery input dom events • • authera

Javascript alert and document.write()
Software Programming • javascript dom • • juvenalb

Functional problems defined in object
Software Programming • javascript html • • Oba22

Input type number mocked
Software Programming • php html laravel • • emmalee