PHP contact form overwrite fields issue repeating value

Question

H I'm using php contact form from http://phpfmg.sourceforge.net/home.php. I thought I'd add an onfocus effect so when i click in the fields the value dissappears automatically.

But when I submit say if haven't filled in my requried fields I get this the values appearing again like

<input type="text" class="text_box" onfocus="if(this.value=='Telephone')this.value='';" value="TelephoneTelephone" id="field_5" name="field_5">

Answer 1

You'll want to use an onsubmit handler on the form that does the same thing the onfocus does: Clears the text out of the box if it's the default text. That way, the fields will be blank when they're submitted.

To do that, I'd put some structure in place to avoid duplicating code. Completely off the cuff:

var Placeholders = {
    "field_5": "Telephone",
    // ...and the other fields...
};

function clearFieldPlaceholder(field) {
    var placeholder;

    placeholder = Placeholders[field.name];
    if (placeholder && field.value == placeholder) {
        field.value = "";
    }
}

function formSubmit(form) {
    var index;

    for (index = 0; index < form.elements.length; ++index) {
        // You may want to filter here a bit, e.g., check if it's
        // a text field
        clearPlaceholder(form.elements[index]);
    }
}

onfocus for fields:

<input ... onfocus="clearPlaceholder(this);" ...>

onsubmit for form:

<form ... onsubmit="formSubmit(this);" ...>

Answer 2

I've given up doing complicated php contact forms unless someone has a miracle one that can do almost anything? For Wordpress contactform 7 is the easiest i've come across.

Would be great is someone makes an advanced plugin for pixie cms :)