[SOLVED] form validation

[anth0ny]

Hi everyone,

 

I have been searching around the net but couldnt find an answer to this.

 

How would i validate this form field that uses the value field for onfocus and onblur?

 

Its not empty as it has 'i.e ITA001' in the field. I need something that says, if 'i.e ITA001' show error type of thing

 

<input name="customerRef" type="text" class="fields" id="customerRefField" onfocus="if (value='i.e ITA001') {value=''}" onblur="if (value=='') {value='i.e ITA001'}" value="i.e ITA001" size="25" />

 

thanks for your help everyone

[ngreenwood6]

You should be posting this in the ajax forum.

[cytech]

<input name="customerRef" type="text" class="fields" id="customerRefField" onFocus="if(this.value=='i.e ITA001'){ 

this.value='';}" onBlur="if(this.value==''){this.value='i.e ITA001';}" value="i.e ITA001" size="25" />

[Adam]

You mean better suited in the JS forum?

 

Better off using a function:

 

function defaultValSwitch(obj, default, e) {
    var val;
    if (e == 'onfocus') {
        val = (obj.value == default) ? '' : obj.value;
    } else {
        val = (obj.value == '') ? default : obj.value;
    }
    obj.value = val;
    return;
}

 

Then you'd call it like:

 

<input name="customerRef" type="text" class="fields" id="customerRefField" onfocus="defaultValSwitch(this, 'i.e ITA001', event);" onblur="defaultValSwitch(this, 'i.e ITA001', event);" value="i.e ITA001" size="25" />

 

I haven't tested this but it should work - just going off memory!

 

EDIT: I'd put if == 'onclick' instead of 'onfocus' ..

 

A

 

[anth0ny]

Not sure if i've done something wrong but getting an error: object expected?

[Adam]

Post the code as you have it...

 

A

[anth0ny]

cheers appreciated

 

<script type="text/javascript">
<!--
function defaultValSwitch(obj, default, e) {
    var val;
    if (e == 'onclick') {
        val = (obj.value == default) ? '' : obj.value;
    } else {
        val = (obj.value == '') ? default : obj.value;
    }
    obj.value = val;
    return;
}

//-->
</script>

 

<input name="customerRef" type="text" class="fields" id="customerRefField" onclick="defaultValSwitch(this, 'i.e ITA001', event);" onblur="defaultValSwitch(this, 'i.e ITA001', event);" value="i.e ITA001" size="25" />

[Adam]

Try this:

 

<script type="text/javascript">
<!--
function defaultValSwitch(obj, default, e) {
    var val;
    if (e == 'onfocus') {
        val = (obj.value == default) ? '' : obj.value;
    } else {
        val = (obj.value == '') ? default : obj.value;
    }
    obj.value = val;
    return;
}

//-->
</script>

 

<input name="customerRef" type="text" class="fields" id="customerRefField" onfocus="defaultValSwitch(this, 'i.e ITA001', 'onfocus');" onblur="defaultValSwitch(this, 'i.e ITA001', 'onblur');" value="i.e ITA001" size="25" />

 

Note that I've switched onclick to onfocus!

 

A

[anth0ny]

getting an error: expected identifier? any ideas

 

cheers

[Adam]

Sorry my bad, I didn't realize 'default' was a reserved name!

 

<script type="text/javascript">
<!--
function defaultValSwitch(obj, def, e) {
    var val;
    if (e == 'onfocus') {
        val = (obj.value == def) ? '' : obj.value;
    } else {
        val = (obj.value == '') ? def : obj.value;
    }
    obj.value = val;
    return;
}

//-->
</script>

 

A

[anth0ny]

ok its not throwing any errors now, but i still get 'i.e ITA001' inserted into the database

[cytech]

Hey anthony,

 

Into the database? sounds like you wanted this if statement to check the field before it was added?

 

You would need to do this via php and not javascript.

 

if($_POST['customerRef'] == "i.e ITA001"){
$_POST['customRef'] = "";
}

[Adam]

Waah? Database? Sorry I had no idea this was what you were trying to achieve. I simply rewrote the code you had in the onfocus and onblur attributes...

 

As cytech says..

[anth0ny]

no worries cheers for the help, how would intergrate the php into my script, have tried but cant get it to work

 

if(isset($_POST['save']))
{ 



$departureDate = date("Y-m-d", strtotime($_POST['departureDate']));
$expireDate = date("Y-m-d", strtotime($_POST['expireDate']));
$airport  = $_POST['airport'];
$resort = $_POST['resort'];
$hotel  = $_POST['hotel'];
$duration = $_POST['duration'];
$board  = $_POST['board'];
$price = $_POST['price'];
$specialoffer  = $_POST['specialoffer'];
$description = $_POST['description'];
$customerRef  = $_POST['customerRef'];
$mystiqueRef = $_POST['mystiqueRef'];
$stars  = $_POST['stars'];




if(!get_magic_quotes_gpc())
{
	$airport   = addslashes($airport);
        $resort  = addslashes($resort);
	$hotel   = addslashes($hotel);
	$duration = addslashes($duration);
	$board   = addslashes($board);
        $price  = addslashes($price);
	$specialoffer  = addslashes($specialoffer);
	$description   = addslashes($description);
	$customerRef = addslashes($customerRef);
	$mystiqueRef   = addslashes($mystiqueRef);
        $stars  = addslashes($stars);
}
include 'library/config.php';
include 'library/opendb.php';                   


$query = "INSERT INTO test (departureDate, expireDate, airport, destination, resort, hotel, duration, board, price, specialoffer, description, customerRef, mystiqueRef, stars) VALUES ('$departureDate', '$expireDate', '$airport', '$destination', '$resort', '$hotel', '$duration', '$board', '$price', '$specialoffer', '$description', '$customerRef', '$mystiqueRef', '$stars')";

[cytech]

Where you have:

  $customerRef  = $_POST['customerRef'];

 

Put

 

if($_POST['customerRef']=="e.i AIT001"){
   $customerRef = "";
}else{
   $customerRef = $_POST['customerRef'];
}

 

On a side note you should use mysql_real_escape_string() instead of addslashes, it is much better

[anth0ny]

thank you works perfectly, really appreciate the help and support here