JavaScript - Php Array[] Javascript Validation Help Needed

Below is some code I wrote for my assignment that is due tonight; however, I can't seem to get any of the validation features to work. Can someone help me? I'm really new to javascript and struggling through it, but really want to figure this out.

Here are the things I'm trying to do:
-Validate each textbox to make sure they aren't empty
-Validate one textbox to make sure that the text entered is numeric only
-Validate the two email addresses for proper email format
-Validate the two email addresses to make sure they are exactly alike
-Show all of your errors at once, in one alert box, not individually.
-Only check for matching emails if the first is valid.


Here is my attempt at the code:
[CODE]
<script type="text/javascript">


<!-- Hide from older browsers

var ProductInquiryForm;

function Validate( ProductInquiryForm )
{
formName = ProductInquiryForm;
}

function ValidEmail( EmailSearch )
{
var txtEmail = EmailSearch.value;
var intAtSign = txtEmail.indexOf("@");
var intLastDot = txtEmail.lastIndexOf(".");
if( txtEmail == "" || txtEmail == null )
{
return false;
}
if( intAtSign == -1 || intLastDot == -1 )
{
return false;
}
if( intLastDot < intAtSign )
{
return false;
}
if( intLastDot - intAtSign == 1 )
{
return false;
}
if( intLastDot >= txtEmail.length-2 )
{
return false;
}
else
{
return true;
}
}

function ValidEmail( ConfirmEmailSearch )
{
var txtEmail = ConfirmEmailSearch.value;
var intAtSign = txtEmail.indexOf("@");
var intLastDot = txtEmail.lastIndexOf(".");
if( txtEmail == "" || txtEmail == null )
{
return false;
}
if( intAtSign == -1 || intLastDot == -1 )
{
return false;
}
if( intLastDot < intAtSign )
{
return false;
}
if( intLastDot - intAtSign == 1 )
{
return false;
}
if( intLastDot >= txtEmail.length-2 )
{
return false;
}
if (EmailSearch!= ConfirmEmailSearch)
{
return false;
}
else
{
return true;
}
}

function ApprovedEmail ( ConfirmEmailSearch )
{
if( HasText(EmailSearch) && ValidEmail(EmailSearch) && HasText(ConfirmEmailSearch) && ValidEmail(ConfirmEmailSearch))
{
return true;
}
else
{
alert("A valid email must be entered and match in both fields!");
return false;
}
}

function validateZIP(ZIPSearch)
{
if( ZIPSearch.value != 0||1||2||3||4||5||6||7||8||9)
{
alert("Please enter digits only for the ZIP code.");
return false;
}
if (field.length!=5)
{
alert("Please enter no more than 5 digits for your ZIP code.");
return false;
}

function HasText( ProductSearchDescription )
{
if( ProductSearchDescription.value.length != 0 )
{
return true;
}
else
{
alert("Please enter your product needs.");
return false;
}
}

// Stop hiding -->
</script>

<noscript>
This site uses JavaScript code for validation and calculations based on user input.
</noscript>

<form name="form1" id="form1" method="post" action="intercept-searchform.asp" onsubmit="return Validate(this)">

<div>
<label for="EmailSearch">Email Address:</label>
<input name="EmailSearch" type="text" class="TextBox" id="EmailSearch" />
</div>

<div>
<label for="ConfirmEmailSearch">Confirm Email Address:</label>
<input name="ConfirmEmailSearch" type="text" class="TextBox" id="ConfirmEmailSearch" />
</div>

<div>
<label for="ZIPSearch">ZIP Code</label>
<input name="ZIPSearch" type="zip" class="zip" id="zip" />
</div>

<div>
<label for="ProductSearchDescription">Describe the product you are looking for.</label>
<textarea name="ProductSearchDescription" id="ProductSearchDescription" class= "Comments" rows="6" cols="50"></textarea>
</div>

<br />

<div id="buttons">
<input name="Submit" type="Submit" value="Submit" />
<input name="Reset" type="Reset" />
</div>
</form>

[CODE]

Thank you so much to anyone willing to help give me some guidance!

Hello,

I have just started learning JavaScript, so I do not know much about it at this moment. I need some help regarding validation of input values which are actually in an array.

Okay, my HTML looks like this:
Code:

Link# 1: <input name="url[]" size="80" type="text">
Title# 1:<input name="title[]" size="80" type="text">

Link# 2: <input name="url[]" size="80" type="text">
Title# 2:<input name="title[]" size="80" type="text">

Link# 3: <input name="url[]" size="80" type="text">
Title# 3:<input name="title[]" size="80" type="text">

.
.
.
.
.

And so on. (up to 20)

User can add more input fields by adding "Add" button; I'm using JavaScript for that purpose. By default, only a couple of fields is shown.

I want to validate these all fields using a loop or a number of loops, such that an alert appears if any field is left blank and also if any value in title[] array matches another value in that array and same for the second array url[]

Examples of working would be something like this:

Code:

If Link# 1 is left blank: alert("Link# 1 is empty");
or
If Link# 2 is left blank: alert("Link# 2 is empty");
or
If Title# 1 is left blank: alert("Title# 1 is empty");
or
If Title# 2 is left blank: alert("Title# 2 is empty");
or
If Link# 1 == Link# 2: alert("Link# 1 is same as Link#2");
or
If Link# 1 == Link# 3: alert("Link# 1 is same as Link#2");
or
If Title# 1 == Title# 3: alert("Title# 1 is same as Title#3");

etc, etc.

Any help would be appreciated.

Thank you.

Hi,

My code seems to work individually it is when I try to do multiple input validation that everything goes wrong. I have tried at the moment to cut it down to just two validation inputs to simplify things, but the more I try and play around with it the worse it seems to get.

I know a lot of people post about this but I have tried comparing to other people's codes and solutions and just can't work out what is wrong.

I would be incredibly grateful for any help.

Code:

<html>
<title>Sign Up</title>
<head>

<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
	{
	apos=value.indexOf("@");
	dotpos=value.lastIndexOf(".");
	if (apos<1||dotpos-apos<2)
		{alert(alerttxt);return false;}
	else {return true;}
	}
}

function validate_fname(field,alerttxt)
{
with (field)
	{
	if (fname=="enter firstname" OR fname="")
		{alert(alerttxt);return false;}
	else {return true;}
	}
}

function validate_form(thisform)
{
with (thisform)
	{
	if (validate_email(email,"The email address you entered is not a valid email address!")==false)
		{email.focus();return false;}
	else 
		{return true;}
	}
	{
	if (validate_fname(fname,"Please enter your firstname!")==false)
		{cemail.focus();return false;}

	else
		{return true;}
	}
}

</script>
</head>

<body>




<form action="userdetails" id="signupForm" onsubmit="return validate_form(this)" method="post">

<fieldset class="two">
	<legend>Your Information:</legend>
	<br />
	


	<br />
		<label class="two">First name:</label>
			<input type="text" class="input" required="required" name="fname" value="enter firstname" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'enter firstname':this.value;" size="30%" />
	<br />
	<br />


		<label class="two">Email:</label>
			<input type="text" class="input" name="email" value="enter email address" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'enter email address':this.value;" size="30%" />




	<br />
	<br />

</fieldset>
<br />
<br />




			<input type="submit" value="Submit"/>

	</form>
</body>
</html>

here is the html code that i have

PHP Code:
<td valign="middle" valign="middle">
                                                <input type="radio" name="gender" id="genderM" value="Male" />&nbsp;Male&nbsp;&nbsp;&nbsp;&nbsp;
                                                <input  type="radio" name="gender" id="genderFM" value="Female" />&nbsp;Female
                                            </td> 


and here is the js funtion

PHP Code:
    var $j = jQuery.noConflict();
    function isValidEmail(str) {
       return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
    }
    function validateForm(){
            var firstName;
            var lastName;
            var email;
            var mobile;
            var comment;
            var error;
            
            firstName = $j('#firstName').val();
            lastName = $j('#lastName').val();
            email = $j('#email').val();
            mobile = $j('#mobile').val();
            comment = $j('#comment').val();
            if(firstName=='' || firstName.length < 3){
                error = 'Please Enter Your First Name';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            if(lastName=='' || lastName.length < 3){
                error = 'Please Enter Your Second Name';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
        
            //mob
            //$jmob_pattern = '^\d{10}$j';
            if(mobile.length != 10 || isNaN(mobile)){
                error = 'Please Enter Your Mobile Number';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
                if(email=='' || !isValidEmail(email)){
                error = 'Please Enter Your Email Address';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            
            if(comment.length < 5){
                error = 'Please Enter A Comment';
                $j('#errormsg').html('<p class="errors">'+ error +'</p>');
                return false;
            }
            return true;
    } 


Does anybody know how i check to see if the radio button is select and also can anybody tell me how i can check for an email in the correct format

the function isValidEmail in the above alows emails to pass through if they are in this format aaa@aaa. i only want them to go through if they are aaa@aaa.com

Thanks for your help if you give it

Hi all,

I am trying to build a config object for a program using a loop. Here's what I've done so far (note: "bbtags" is an array built like this):

var bbtags = new Array((b),(/b),(i),(/i),(u),(/u),etc......);
(note I used parentheses in place of brackets soas not to confuse the board.)

Code:

var arr = [];
var len = bbtags.length;
var tag = '';
var obj = '';

for (var i = 0; i < len; i+=2) {
    tag = bbtags[i].replace(/\[(.*?)\]/gi,'$1'); // strip off the brackets
    name = String('mce_' + tag); // generate a name
    obj = {
        name : {
            'block' : name
        }
    } 
    arr.push(obj);
}

The RESULT that I am after would look like this:

Code:

     mce_b  : {
        'block' : 'mce_b'
    },
     mce_i  : {
        'block' : 'mce_i'
    },
     mce_u  : {
        'block' : 'mce_u'
    }, etc.......

Notice the items I marked in red. Instead of these items having the VALUE of the variable "name", they instead have value of "name".

That is, every part in red is "name".

Any ideas how to make this work right (or an idea how to do it BETTER)?

Thanks!

-- Roger