Hello there. I have three fields in a feedback form that I would like to be required fields (so the form cannot be submitted without filling them in). It's really annoying me because I have marked them as needing to be filled in but people still don't bother (if you new the circumstances you would think it was really stupid too).

I have read through all my WD books but cannot find anything.

All I want is when the rest button is pressed it pops up an alert box saying something like: "please fill in al required fields".

Please help, and also to do this will I need to make any changes to the code of the submit button or just the fields?

hello there,

ok, add this script to your head section:

<script language="JavaScript">

<!--

function validate_form ( )
{
    valid = true;

    if ( document.form.firstname.value == "" )
    {
        alert ( "Please fill in the 'Your Name' box." );
        valid = false;
    }

    return valid;
}

//-->

</script>

then this will be how your form looks:

<form name="form" method="post" action="nextpage" onSubmit="return validate_form ( );">


<h1>Please Enter Your Name</h1>

<p>Your Name: <input type="text" name="firstname"></p>
<p><input type="submit" name="send" value="Send Details"></p>

</form>

Firstly, don't change anything in the initial form tag, but you can chage the method and the action!

When adding more fields, you must add this to the javascript:

    if ( document.form.firstname.value == "" )
    {
        alert ( "Please fill in the 'Your Name' box." );
        valid = false;
    }

So, when you add an <input type="text" name="fieldname"> and you want to validate it, you need to add the javascript above. If you want to do more with it, just search on google.


Hope i can help and reply if u need any more help!

Regards,

Sean

while this is a good solution, it wont work if somebody has javascript disabled (which is true for more and more surfers nowadays).
In general it's better to verify forms server-side if you don't mind modifying your current php/perl script. A simple

if ($requiredformfield != '') {
//submit form
}
else
{
//error message
}

should do

I cannot do that since my code is hosted by bravenet.

Also with the first example:

I have three fields named "businessname", "businesscategory" and "businessnotes". How do I use the 1st example to make all these required?

hey, this would go in the head section...

<script language="JavaScript">

<!--

function validate_form ( )
{
    valid = true;

    if ( document.form.businessname.value == "" )
    {
        alert ( "Please fill in your Business name." );
        valid = false;
    }

    if ( document.form.businesscategory.value == "" )
    {
        alert ( "Please fill in your business Category." );
        valid = false;
    }

    if ( document.form.businessnotes.value == "" )
    {
        alert ( "Please fill in your Business Notes" );
        valid = false;
    }

    return valid;
}

//-->

</script>

And this would be your form line:

<form name="form" method="post" action="nextpage" onSubmit="return validate_form ( );">

then you can put all the field names etc. in.

Let me know how it goes!

Regards,

Sean

Thanks, I'll let you know how it went via PM