The following script will make sure every entry on a form has some input before submitting:
// Validate data before submitting...
function validateForm(myform)
{
var valid = true;
var err_msg = "Input is required for the following fields:\n";
// Check for blank fields...
for(var i = 0; i < myform.elements.length; i++)
{
var obj = myform.elements[i];
// Cancel form submittal and build error message if a visible field has no entry...
// NOTE: Add this to check only the text boxes: obj.type == "text"
// OR - add this to only check specific fields: obj.name == "some_field"
if(obj.value == "" && obj.style.display == '')
{
// Remove underscores and brackets from field name...
var fldname = obj.name.replace(/_/g, " ");
// Add field name to error message...
err_msg = err_msg + " - " + fldname + "\n";
// Highlight blank fields...
obj.style.background = "#FFFACD";
valid = false;
}
else
{
// Change background back to white if valid (except buttons)...
if(obj.type != "submit" && obj.type != "button") obj.style.background = "white";
}
}
// Display errors, if any...
if(valid == false)
{
alert(err_msg);
}
// Cancel or submit...
return valid;
}
Then, of course, you need to include an onSubmit event...
<form name="the_form" action="some_page.php" method="post"
onSubmit="return validateForm(this);">