validare valoare din input intre doua numere
Discutii si intrebari legate de scripturi si functii JavaScript, jQuery si Ajax, cod JavaScript in general.
ionatan
Mesaje: 94
validare valoare din input intre doua numere
Salut,
Am un input in care vreau sa se introduca doar un anumit interval de cifre
Cod: Selectaţi tot
<td> Densitate (30 - 60 kg/mc): </td>
<td> <input type='text' class='densitate' name='densitate' value=''> </td>
acesta il verific cu JavaScript
Cod: Selectaţi tot
var doar_cifre = /^([0-9.])*$/;
if ($(".densitate").val() == ""|| !doar_cifre.test($(".densitate").val())) {$(".densitate").focus().after('<span class="error">Introdu densitatea intre 30 si 60 kg/mc </span>');
return false;
}
problema mea e ca vreau sa se introduca doar un numar cuprins intre 30 si 60.
Cum validez aacest lucru?
Multuesc.
MarPlo
Mesaje: 4343
Salut
In codul tau verifici daca valoarea e un numar mai mic decat 30 sau mai mare de 60.
Uite un exemplu:
Cod: Selectaţi tot
<input type='text' class='densitate' name='densitate' value=''>
<button id="btn_vnr">Validate Number</button>
<script>
function checkNr(){
var densitate = document.querySelector('.densitate').value *1;
if(isNaN(densitate) || densitate <30 || densitate >60){
alert('Add a number between 30 and 60.');
return false;
}
}
document.getElementById('btn_vnr').addEventListener('click', checkNr);
</script>
Demo
Validate Number
Sau mai simplu, doar cu html, cu
type="number" :
Cod: Selectaţi tot
<input type="number" class="densitate" name="densitate" min="30" max="60" required="required" step="0.1" title="Add a number between 30 and 60" />
Demo
Subiecte similare
Partajare funcții între componente Vue.js
JavaScript - jQuery - Ajax
Primul mesaj În aplicația am o mulțime de funcții utilitatere care fac diferite lucruri, de la analiza șirurilor până la realizarea toastelor și așa mai departe....
Ultimul mesaj
Pentru asta poți utiliza Mixins.
1. Importa componenta de care ai nevoie.
2. adăuga un mixin array ca mai jos în componenta ta, chiar deasupra...
Animație cu pauză între fiecare rotație
HTML - XHTML - CSS
Primul mesaj Am un Div pe care vreau să-l rotesc de la 0 la 90 grade, pauză 2s, apoi de la 90 la 180, iar pauză 2s .., tot asa până la 360 de grade.
Vreo idee...
Ultimul mesaj
Puteți face cu animații CSS transform: rotate() , ca în exemplu de mai jos.
Setezi timpul de rotatie la 12 secunde si incepi cele 4 rotatii...
Inversare cheie cu valoare in obiect JS
JavaScript - jQuery - Ajax
Primul mesaj Nu imi dau seama cum pot schimba urmatorul obiect in JavaScript:
{ first : , second : , third : }
In acesta:
{ de : , ab : }
Vreau să...
Ultimul mesaj
Trebuie să parcurgi array-urile și pentru fiecare element din array verifici dacă există sau nu un array pentru acea valoare în acumulator înainte de...
Produsul Dot a doua array in Javascript
JavaScript - jQuery - Ajax
Primul mesaj Cum se poate implementa eficient o metoda dotProduct (pentru a obține produsul Dot din două array) fără a importa alte biblioteci Javascript?
De...
Ultimul mesaj
Iată o metodă.
Se foloseste funcția map() pentru a crea un nou array cu rezultate înmulțite ale fiecărui index, apoi se aplica funcția reduce()...
Adaugare apostrof la value in input cu JavaScript
JavaScript - jQuery - Ajax
Primul mesaj Am un cod JavaScript care adaugă un câmp input pentru utilizator:
var user = O'Conner, John ;
b.innerHTML += <input type='hidden' value=' +...
Ultimul mesaj
Poți să înlocuiesti caracterul cu entitatea lui HTML.
Astfel, pentru apostrof (') poate fi ’ sau ‘
var user = O'Conner,...
Convertire 8-biți număr în valoare de culoare Hex în JavaScript
JavaScript - jQuery - Ajax
Primul mesaj Încerc să convertesc un număr întreg de 8-biți în valoare de culoare Hex. (de ex. FFFFFF).
Numarul de culoare pe 8-biți este generat cu următoarea...
Ultimul mesaj
Dacă ai un număr întreg, poți face cu:
color.toString(16)
Și îl va transforma într-un șir Hex.
// White
color = (255 * 65536) + (255 *...