Έλεγχος ενός πεδίου με javascript

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από cdhyper » 16 Μάιος 2007 16:06

Σε ένα input θέλω να πετάει ένα warning αν ο επισκέπτης γράψει έναν αριθμό πάνω από το 80. Δηλ. να μπορεί να γράψει από 0-80 και όχι πιο πάνω. Υπάρχει κάτι ή είναι δύσκολο;
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από fafos » 16 Μάιος 2007 16:45

cdhyper έγραψε:Σε ένα input θέλω να πετάει ένα warning αν ο επισκέπτης γράψει έναν αριθμό πάνω από το 80. Δηλ. να μπορεί να γράψει από 0-80 και όχι πιο πάνω. Υπάρχει κάτι ή είναι δύσκολο;
Auto periexei kai ena gia na blepei mono noumera alla kai periorismo sto value pou thes.. ta oria pou tha metraei ta exei edo:
<input type=text onBlur="checkNumeric(this,0,80,'','','');".......

Κώδικας: Επιλογή όλων

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function checkNumeric&#40;objName,minval, maxval,comma,period,hyphen&#41;
&#123;
	var numberfield = objName;
	if &#40;chkNumeric&#40;objName,minval,maxval,comma,period,hyphen&#41; == false&#41;
	&#123;
		numberfield.select&#40;&#41;;
		numberfield.focus&#40;&#41;;
		return false;
	&#125;
	else
	&#123;
		return true;
	&#125;
&#125;

function chkNumeric&#40;objName,minval,maxval,comma,period,hyphen&#41;
&#123;
// only allow 0-9 be entered, plus any values passed
// &#40;can be in any order, and don't have to be comma, period, or hyphen&#41;
// if all numbers allow commas, periods, hyphens or whatever,
// just hard code it here and take out the passed parameters
var checkOK = "0123456789" + comma + period + hyphen;
var checkStr = objName;
var allValid = true;
var decPoints = 0;
var allNum = "";

for &#40;i = 0;  i < checkStr.value.length;  i++&#41;
&#123;
ch = checkStr.value.charAt&#40;i&#41;;
for &#40;j = 0;  j < checkOK.length;  j++&#41;
if &#40;ch == checkOK.charAt&#40;j&#41;&#41;
break;
if &#40;j == checkOK.length&#41;
&#123;
allValid = false;
break;
&#125;
if &#40;ch != ","&#41;
allNum += ch;
&#125;
if &#40;!allValid&#41;
&#123;	
alertsay = "Please enter only these values ""
alertsay = alertsay + checkOK + "" in the "" + checkStr.name + "" field."
alert&#40;alertsay&#41;;
return &#40;false&#41;;
&#125;

// set the minimum and maximum
var chkVal = allNum;
var prsVal = parseInt&#40;allNum&#41;;
if &#40;chkVal != "" && !&#40;prsVal >= minval && prsVal <= maxval&#41;&#41;
&#123;
alertsay = "Please enter a value greater than or "
alertsay = alertsay + "equal to "" + minval + "" and less than or "
alertsay = alertsay + "equal to "" + maxval + "" in the "" + checkStr.name + "" field."
alert&#40;alertsay&#41;;
return &#40;false&#41;;
&#125;
&#125;
//  End -->
</script></head>
<body><form method="POST" id=myform name=myform
action="/articles/articles/javascript/checkNumeric.asp?ID=<%=siteID%>">No Comma, Period, Negative
<input type=text onBlur="checkNumeric&#40;this,0,80,'','',''&#41;;"
	name='nocomma' size=10 maxlength=10><br>
<input type="Submit" name="Save" value="Save">
</form></body>
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

lakritidis
Δημοσιεύσεις: 401
Εγγραφή: 04 Αύγ 2005 14:35
Τοποθεσία: Katerini
Επικοινωνία:

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από lakritidis » 16 Μάιος 2007 16:47

Έστω testform η φόρμα σου και testfield το input σου. Φαντάζομαι ότι το textbox δέχεται ακέραιες τιμές. Οπότε ο user μπορεί να γράφει μόνο δύο χαρακτήρες. Τότε η φόρμα είναι κάπως έτσι.

Κώδικας: Επιλογή όλων

<form name="testform" method="post">
<Input name="testfield" value="" maxlength="2" size="2">
<input type="submit" onClick="validate&#40;&#41;" value="submit">
</form>
Στο head της σελίδας πρέπει τώρα να ορίσεις τη function validate, που θα ελέγχει αν o user έβαλε αριθμό, και αν ο αριθμός είναι μεταξύ 0 και 80.

Κώδικας: Επιλογή όλων

<script language="JavaScript">
function validate&#40;&#41; &#123;
if &#40;document.testform.testfield.value > 80 || document.testform.testfield.value < 0 || 
isNaN&#40;document.testform.testfield.value&#41;&#41; &#123;
	alert&#40;"Enter a number between 0 and 80"&#41;;
&#125;
&#125;
</script>
[edit] Sorry fafos με πρόλαβες.

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από fafos » 16 Μάιος 2007 16:49

lakritidis έγραψε:Έστω testform η φόρμα σου και testfield το input σου. Φαντάζομαι ότι το textbox δέχεται ακέραιες τιμές. Οπότε ο user μπορεί να γράφει μόνο δύο χαρακτήρες. Τότε η φόρμα είναι κάπως έτσι.

Κώδικας: Επιλογή όλων

<form name="testform" method="post">
<Input name="testfield" value="" maxlength="2" size="2">
<input type="submit" onClick="validate&#40;&#41;" value="submit">
</form>
Στο head της σελίδας πρέπει τώρα να ορίσεις τη function validate, που θα ελέγχει αν o user έβαλε αριθμό, και αν ο αριθμός είναι μεταξύ 0 και 80.

Κώδικας: Επιλογή όλων

<script language="JavaScript">
function validate&#40;&#41; &#123;
if &#40;document.testform.testfield.value > 80 || document.testform.testfield.value < 0 || 
isNaN&#40;document.testform.testfield.value&#41;&#41; &#123;
	alert&#40;"Enter a number between 0 and 80"&#41;;
&#125;
&#125;
</script>
[edit] Sorry fafos με πρόλαβες.
Nai.. shmera eimai poly grhgoros :kaloe:
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από cdhyper » 16 Μάιος 2007 16:57

thanks thanks
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Έλεγχος ενός πεδίου με javascript

Δημοσίευση από skeftomilos » 16 Μάιος 2007 18:54

Κώδικας: Επιλογή όλων

<form>
  Age&#58; <input name="age" onblur="if &#40;isNaN&#40;this.value&#41;&#41; &#123; alert&#40;'You call this a number?'&#41; &#125; else if &#40;this.value > 80&#41; &#123; alert&#40;'You are too old to get married'&#41; &#125;">
</form>
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες