Clippy
Gebruiker
- Lid geworden
- 13 okt 2012
- Berichten
- 20
Hoi,
ik heb op mijn website een contactformulier, alleen kan je daarmee ook een bericht verzenden zonder dat je iets hebt ingevoerd. Ik probeer nu te zorgen dat je een melding krijgt als iets niet is ingevuld, maar het lukt niet... Kan iemand me helpen?
[JS]function validateForm(form) {
var nameField = form.cf_name;
var emailField = form.cf_email;
var subjectField = form.cf_subject;
var messageField = form.cf_message;
if (isNotEmpty(nameField)) {
if(isNotEmpty(emailField)) {
if(isNotEmpty(subjectField)) {
if(isNotEmpty(messageField)) {
return true;
{
{
{
{
return false;
}
function isNotEmpty(field) {
var fieldData = field.value;
if (fieldData.length == 0 || fieldData == "" || fieldData == fieldData) {
field.className = "FieldError"; //Classs to highlight error
alert("Please correct the errors in order to continue.");
return false;
} else {
field.className = "FieldOk"; //Resets field back to default
return true; //Submits form
}
}[/JS]
ik heb op mijn website een contactformulier, alleen kan je daarmee ook een bericht verzenden zonder dat je iets hebt ingevoerd. Ik probeer nu te zorgen dat je een melding krijgt als iets niet is ingevuld, maar het lukt niet... Kan iemand me helpen?
HTML:
<form name="form1" action="contact.php" method="post" onsubmit="return validateForm(this)">
Je naam:<br>
<input type="text" name="cf_name"><br>
Je e-mail:<br>
<input type="text" name="cf_email"><br>
Onderwerp:<br>
<input type="text" name="cf_subject"><br>
Bericht:<br>
<textarea name="cf_message"></textarea><br>
<input type="submit" value="Verzenden">
<input type="reset" value="Wissen">
</form>
[JS]function validateForm(form) {
var nameField = form.cf_name;
var emailField = form.cf_email;
var subjectField = form.cf_subject;
var messageField = form.cf_message;
if (isNotEmpty(nameField)) {
if(isNotEmpty(emailField)) {
if(isNotEmpty(subjectField)) {
if(isNotEmpty(messageField)) {
return true;
{
{
{
{
return false;
}
function isNotEmpty(field) {
var fieldData = field.value;
if (fieldData.length == 0 || fieldData == "" || fieldData == fieldData) {
field.className = "FieldError"; //Classs to highlight error
alert("Please correct the errors in order to continue.");
return false;
} else {
field.className = "FieldOk"; //Resets field back to default
return true; //Submits form
}
}[/JS]