Home/ Questions/Q 4027758
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T11:08:11+00:00

Trying to do client and server side validation I have 2 files. The client

  • 0

Trying to do client and server side validation I have 2 files. The client side is fine, it seems theres an error with the server side, it doesnt send at all.

Thanks.

form.php:

<html>
<head>
<style type="text/css">
label.error{color:red; font-weight:bold;}
</style>
<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript" src="validation.js"> </script>
<script type="text/javascript"> 
$.validator.setDefaults({
    submitHandler: function() { alert("submitted!"); }
});

$().ready(function() {
    // validate the comment form when it is submitted
    $("#commentForm").validate();

    // validate signup form on keyup and submit
    $("#signupForm").validate({
        rules: {
            firstname: "required",
            lastname: "required",
            username: {
                required: true,
                minlength: 2
            },
            password: {
                required: true,
                minlength: 5
            },
            confirm_password: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            email: {
                required: true,
                email: true
            },
            topic: {
                required: "#newsletter:checked",
                minlength: 2
            },
            agree: "required"
        },
        messages: {
            firstname: "Please enter your firstname",
            lastname: "Please enter your lastname",
            username: {
                required: "Please enter a username",
                minlength: "Your username must consist of at least 2 characters"
            },
            password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long"
            },
            confirm_password: {
                required: "Please provide a password",
                minlength: "Your password must be at least 5 characters long",
                equalTo: "Please enter the same password as above"
            },
            email: "Please enter a valid email address",
            agree: "Please accept our policy"
        }
    });

    // propose username by combining first- and lastname
    $("#username").focus(function() {
        var firstname = $("#firstname").val();
        var lastname = $("#lastname").val();
        if(firstname && lastname && !this.value) {
            this.value = firstname + "." + lastname;
        }
    });

    //code to hide topic selection, disable for demo
    var newsletter = $("#newsletter");
    // newsletter topics are optional, hide at first
    var inital = newsletter.is(":checked");
    var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
    var topicInputs = topics.find("input").attr("disabled", !inital);
    // show when newsletter is checked
    newsletter.click(function() {
        topics[this.checked ? "removeClass" : "addClass"]("gray");
        topicInputs.attr("disabled", !this.checked);
    });
});
</script> 

</head>

<body>
<form class="cmxform" id="commentForm" method="post" action="f_validate.php" > 
    <fieldset> 
        <legend>Please provide your name provide required fields below.</legend> 
        <p> 
            <label for="cname">* Name</label> 
            <input id="cname" name="name" class="required" minlength="2" /> 
        <p> 
            <label for="cemail">* Email</label> 
            <input id="cemail" name="email" class="required email" /> 
        </p> 
        <p> 
            <label for="curl">URL</label> 
            <input id="curl" name="url" class="url" value="" /> 
        </p> 
        <p> 
            <label for="ccomment">* Comment</label> 
            <textarea id="ccomment" name="comment" class="required"></textarea> 
        </p> 
        <p> 
            <input class="submit" type="submit" value="Submit"/> 
        </p> 
    </fieldset> 
</form> 

</body>

</html>

f_validate.php

<?php 
$errors = '';
$myemail = 'myemail@email.com';
if(empty($_POST['name'])  || 
   empty($_POST['email']) || 
   empty($_POST['comment']))
{
    $errors .= "\n Error: all fields are required";
}

$name = $_POST['name']; 
$email_address = $_POST['email']; 
$comment = $_POST['comment']; 

if (!eregi(
"^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", 
$email_address))
{
    $errors .= "\n Error: Invalid email address";
}

if( empty($errors))
{
    $to = $myemail; 
    $email_subject = "Contact form submission: $name";
    $email_body = "You have received a new message. ".
    " Here are the details:\n Name: $name \n Email: $email_address \n Message \n $comment"; 

    $headers = "From: $myemail"; 
    $headers .= "Reply-To: $email_address";

    mail($to,$email_subject,$email_body,$headers);
    //redirect to the 'thank you' page
    header('Location: http://www.josephdickinson.com');
} 
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
    <title>Contact form handler</title>
</head>

<body>
<!-- This page is displayed only if there is some error -->
<?php
echo nl2br($errors);
?>


</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. Check if the eregi regex actually works (eregi is deprecated, by the way, you should switch to preg_match instead
    2. Check the return value from the mail() function – if there was a problem handing off the email to the local SMTP server, mail will return boolean FALSE.
    3. CHeck the SMTP server’s log – the mail could’ve gotten stuck in a queue, been rejected by the receiving server, dumped into a spam folder, etc… Just because mail() returns true doesn’t mean the email was actually delivered to the recipient.
    • 0