Why doesn't my contact form use my restrictions?

No matter what I do or how many areas I leave blank, it always sends. I also have a hidden field that's suppose to help prevent spam, but even when it's filled with text (testing by adding attribute: value="text" with Chrome's developer tools) it still sends. I've used this exact form before and it worked perfectly. I don't know what's wrong this time around.

My HTML:

<form class="form-horizontal" method="POST" action="contact.php" >
                <div class="form-group">
                    <label>Full Name / Username:</label>
                    <input class="form-control required" name="name" placeholder="John Doe" data-placement="top" data-trigger="manual" data-content="Must be at least 3 characters long, and must only contain letters." type="text">
                </div>
                <div class="form-group">
                    <label>Email:</label>
                    <input class="form-control required" name="email" placeholder="JohnDoe@example.com" data-placement="top" data-trigger="manual" data-content="Must be a valid email address." type="email">
                </div>
                <div class="form-group">
                    <label>Subject:</label>
                    <select name="subject" class="form-control required">
                        <option disabled selected>
                            <span class="disabledSelection">Why Are You Contacting Us?</span>
                        </option>
                        <option>
                            I Want To Help Build
                        </option>
                        <option>
                            Other - Please Specify In Message
                        </option>
                    </select>   
                </div>
                <div class="form-group">
                    <label>Message:</label>
                    <textarea class="form-control required modalMessage" name="message" placeholder="Your message here.." data-placement="top" data-trigger="manual"></textarea>
                </div>
                <div class="hidden"><input type="text" class="hidden" name="catch"></div>
                <br/>
              <div class="modal-footer">
                <div class="form-group"><button type="submit" class="btn btn-success pull-right">Send Message</button> <p class="help-block pull-left text-danger hide" id="form-error">&nbsp; The form is not valid. </p></div>
              </div>
            </form>

My PHP:

    <?php

if(($_POST['name'] == NULL) || ($_POST['email'] == NULL)  || ($_POST['subject'] == NULL) || ($_POST['message'] == NULL)){
    header('location:index.php#no');
}

if($_POST['catch'] != NULL){
    header('location:404.php');
}


$catch = $_POST['catch'];

$to = 'myEmail@gmail.com';  
$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$msg = $_POST['message'];

$contact = $name . " " . $email;

$headers = 'From: myEmail@gmail.com' . "\r\n" .
    'Reply-To: myEmail@gmail.com' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();

if(($name != NULL) || ($email != NULL) || ($suject != NULL) || ($msg != NULL) || ($catch == NULL)){
    mail(
    $to, 
    $subject 
    . " " . 
    $contact,
    $msg, 
    $headers
);

header('location: index.php#success');
}


?>