Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

time input validation

Status
Not open for further replies.
bbvic

bbvic

Technical User
Oct 21, 2004
51
0
0
US
I am trying to make time input validation.

time input format is HH:MM

when the user types time, i want to check it while typing.

How can I start??


-----code----
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>

<body>

<input type="text" name="t2" value ="time">
</body>
</html>
<script type="text/javascript">
function timevalid() {


}
</script>
 
Sort by date Sort by votes
this what I have..
But if I want to check while typing...how can I do???

Thank you in advance
------------------

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function timeValid(timeNo) {

var reg = /^(\d{1,2}):(\d{2})$/;
if (timeNo.match(reg)) {
alert( "This IS a valid time.");
return true;
} else {
alert( "This is an INVALID time!" );
return false;
}
}
</script>

<h3>Time Validation</h3>
</head>
<body>
Time: <input name = "timeNo" type="TEXT"><br><br>
<input type = "button" value="Validate" onClick="timeValid(timeNo.value)">
</body>
</html>
 
Upvote 0 Downvote

Change the onclick to onkeypress. However, you should remove the alert first - for obvious reasons ;o)

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

 
Upvote 0 Downvote
well I tried that way..but it did not work..
would you please help...
 
Upvote 0 Downvote
Oh. You need to put the onkeypress or onKeyUp in the tag for the text field. You have onClick in the button field, which is fine, but not for what you want to do.

DreamerZ
 
Upvote 0 Downvote

Oh yes - sorry - I forgot to mention that!

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

 
Upvote 0 Downvote
hi..
I tried several times..but I could not solve this problem.
What I am trying to do...I want to check while typing..
Would you please help??

Thank you in advance
 
Upvote 0 Downvote
This is what I have now..
but...when I begin to type, alert sign comes...
Would you please help me how I can fix it?
Thank you in advance.

<html>
<head>
<script>
function isNumber(field) {

var reg = /^(\d{1,2}):(\d{1,2})$/;

if (!reg.test(field.value)) {
alert("invalid!");
field.value = field.value.replace(/^(\d{1,2}):(\d{1,2})/g,"");

}
}


</script>
</head>

<body>
Time: <input name = "timeNo" type="TEXT" onkeyup="isNumber(this)">
</body>
</html>
 
Upvote 0 Downvote
or...I have another validation,
but it could not check the correct values...
would you please tell me why it does not work??
Thank you in advance
<html>
<head>
<title> field test </title>
<head>
<script Language="JavaScript">
var reg = /^(\d{1,2}):(\d{2})$/;
function checkfield(entered, alertbox) {
if (entered.value!=reg || entered.value=="") {
alert(alertbox);
return false;
}
return true;
}




</script>
</head>
<body>

<form method="post" action="test2.htm">
<p>time1: <input type="text" name="time1" size="32" value="" onBlur = "checkfield(this, 'invalid Time Format- HH:MM');"><br>

time2: <input name="lname" type="time2" size="32" value ="" onBlur = "checkfield(this, 'invalid Time Format- HH:MM');"><br>

<p><input type="submit" value="Submit" name="submit"></p>
</form>

</body>
</html>
 
Upvote 0 Downvote
No validation needed:

Code: 
<form name="f">
  <select name="hour">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  :
  <select name="minute">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    ...
  </select>

  <select name="ampm">
    <option value="am">AM</option>
    <option value="pm">PM</option>
  </select>
</form>

*cLFlaVA
----------------------------
[tt]a frickin' twelve-gauge, what do you think?[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]
[banghead]
 
Upvote 0 Downvote
right...I understand...
but if I want to type in text field, then how to check the validation...
would you please help..
 
Upvote 0 Downvote
ok...this is what I have so far...
it can check only one input text field...
what if I have more than one input text field, how can I check each by each...
well..I tried several ways..it did not work..
would you please help me??
--------------code---------------------
<html>

<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function IsValidTime(timeStr) {


var timePat = /^(\d{1,2}):(\d{2})?$/;

var matchArray = timeStr.match(timePat);
if (matchArray == null) {
alert("Time is not in a valid format.");
return false;
}
hour = matchArray[1];
minute = matchArray[2];
if (hour < 0 || hour > 24) {
alert("Hour must be between 1 and 12. (or 0 and 23 for military time)");
return false;
}

if (minute<0 || minute > 59) {
alert ("Minute must be between 0 and 59.");
return false;
}
}


</script>
</HEAD>


<BODY>

<center>
<form name=timeform >

time1 <input type=text name=time><br>
time2 <input type=text name=timeA><br>

<input type="submit" value="Submit" onClick="return IsValidTime(document.timeform.time.value);">
</form>
</center>

</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jomat
  • Locked
  • Question
JS to show the timer in html under title instead of in the status bar
Replies
2
Views
171
xwb
xwb
JPSeo
  • Locked
  • Question
--How to implement req.body.param validation
Replies
0
Views
35
JPSeo
JPSeo
chikwendu
  • Locked
  • Question
How do I display an extra input box for editing an existing data?
Replies
1
Views
64
chikwendu
chikwendu
deepumay15
  • Locked
  • Question
array input value how to replace decode value as Output using JavaScript code
Replies
1
Views
55
feherke
feherke
Stefan Houtzager
  • Locked
  • Question
prevent input of special chars with alt + number pad in a text input with javascript
Replies
1
Views
68
ggriffit
ggriffit

Part and Inventory Search

Sponsor

Back
Top