|
|
Hi,
I have a form validating 3 radio buttons, and individually the fields are validated. The Date field is validated onChange event for the date format.
The 1st Date field is properly validated, when the 2nd Date field onChange event is called, iam getting an error "Object does not support this property or Method.
Please help me in solving this problem. The code is given below.
---------------------------------------------------------
<html>
<head>
<title></title>
<script language=javascript type=text/javascript>
<!--
function disableField() {
document.myform.checknumber.value='None';
document.myform.checknumber.disabled=true;
document.myform.checkdate.value='None';
document.myform.checkdate.disabled=true;
document.myform.swiftnumber.value='None';
document.myform.swiftnumber.disabled=true;
document.myform.swiftdate.value='None';
document.myform.swiftdate.disabled=true;
}
function enablecheque() {
document.myform.checknumber.disabled=false;
document.myform.checkdate.disabled=false;
document.myform.checknumber.value='';
document.myform.checkdate.value='';
document.myform.swiftnumber.value='None';
document.myform.swiftnumber.disabled=true;
document.myform.swiftdate.value='None';
document.myform.swiftdate.disabled=true;
}
function enableswift() {
document.myform.swiftnumber.disabled=false;
document.myform.swiftnumber.value='';
document.myform.swiftdate.disabled=false;
document.myform.swiftdate.value='';
document.myform.checknumber.value='None';
document.myform.checknumber.disabled=true;
document.myform.checkdate.value='None';
document.myform.checkdate.disabled=true;
}
function TextField_Validator()
{
if (myform.checknumber.value == "" || myform.checkdate.value == "" || myform.swiftnumber.value == "" || myform.swiftdate.value == "")
{
alert("Please fill in the text field.");
return (false);
}
return (true);
}
var dtCh= "/";
var minYear=1900;
var maxYear=2100;
function isInteger(s){
var i;
for (i = 0; i < s.length; i++){
// Check that current character is number.
var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}
function stripCharsInBag(s, bag){
var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not in bag, append to returnString.
for (i = 0; i < s.length; i++){
var c = s.charAt(i);
if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}
function daysInFebruary (year){
// February has 29 days in any year evenly divisible by four,
// EXCEPT for centurial years which are not also divisible by 400.
return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
for (var i = 1; i <= n; i++) {
this = 31
if (i==4 || i==6 || i==9 || i==11) {this = 30}
if (i==2) {this = 29}
}
return this
}
function isDate(dtStr){
var daysInMonth = DaysArray(12)
var pos1=dtStr.indexOf(dtCh)
var pos2=dtStr.indexOf(dtCh,pos1+1)
var strDay=dtStr.substring(0,pos1)
var strMonth=dtStr.substring(pos1+1,pos2)
var strYear=dtStr.substring(pos2+1)
strYr=strYear
if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
for (var i = 1; i <= 3; i++) {
if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
}
month=parseInt(strMonth)
day=parseInt(strDay)
year=parseInt(strYr)
if (pos1==-1 || pos2==-1){
alert("The date format should be : dd/mm/yyyy")
return false
}
if (strMonth.length<1 || month<1 || month>12){
alert("Please enter a valid month")
return false
}
if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
alert("Please enter a valid day")
return false
}
if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
return false
}
if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
alert("Please enter a valid date")
return false
}
return true
}
function chequedate(){
var dt= document.myform.checkdate
if (dt.value == "") {
return true
}
else if (isDate(dt.value)==false) {
dt.focus()
return false
}
return true
}
function swiftdate(){
var dt=document.myform.swiftdate
if (dt.value == "") {
return true
}
else if (isDate(dt.value)==false){
dt.focus()
return false
}
return true
}
</script>
<FORM
ACTION="http://www.ebay.com"
NAME="myform"
METHOD="post"
onsubmit="return TextField_Validator()"
>
<p>
<input type="radio" name="button" value="cheque" onclick="enablecheque()" />
Cheque
</p>
<p>Cheque
<input name="checknumber" type="text" disabled="disabled" id="checknumber" value="" size="30" />
<p>Enter a Date: <font color="#CC0000"><b>(dd/mm/yyyy)</b></font>
<input type="text" disabled="disabled" name="checkdate" maxlength="10" size="15" onchange = "return chequedate()">
</p>
<p>
<input type="radio" name="button" value="swift" onclick="enableswift()" />
Swift </p>
<p>Swift
<input name="swiftnumber" type="text" disabled="disabled" id="swiftnumber" value="" size="30" />
<p>Enter a Date: <font color="#CC0000"><b>(dd/mm/yyyy)</b></font>
<input type="text" disabled="disabled" name="swiftdate" maxlength="10" size="15" onchange = "return swiftdate()">
</p>
<p>
<input type="radio" name="button" value="online" onclick="disableField()" />
Online </p>
<p>
<input type="submit" name="Submit" value="Submit">
</p>
</form>
</body>
</html>
-----------------------------------------------------
|
|
|
|
|
|
|
// |
robersen
