Geek asks and answers

HTML5 form validation mechanism: invalidate after validation on the server side

OK, the name is so strange that I must, of course, say what happens :). I am creating an HTML5 form. I want this form to be fully validated using the new HTML5 methods and the new CSS3 pseudo-classes (of course, I remember server-side validation). I will give an example:

HTML:

<input type="email" value="">

CSS

input:invalid {color: #fff; box-shadow: 0 0 5px #f00;}

As we all know: a good check is the same as in the users browser and on the server. Therefore, if I allow the user to enter only the email number, and the server will accept emails, this is an error. If the user can enter the numbers and the server does not accept it, this will be an error.

What is the problem? I ask the user to send an email. The user enters asd @asd, which perfectly checks email in the HTML5 nomenclature (asd can be localhost, so the point is not needed). That's why the entry is confirmed, and everything is in order. Now I am sending this email to my PHP script, which is MUCH MORE REQUIRED. For example, he:

Php

function Validate($mail) {
    $validate = true;

    // Parse mail
    if (!filter_var($mail, FILTER_VALIDATE_EMAIL)) $validate = false;

    // Check DNS RR
    $host = explode('@',$mail);
    $host = array_pop($host);
    if ($host == '') $validate = false;
    else if (!checkdnsrr($host,'MX')) $validate = false;

    return $validate;
}

Therefore, asd @asd email, of course, does not pass this check.

Is there any mechanism that allows me to suggest to the browser that this email is still not very good, but using HTML5 methods?

More precisely. I wrote a PHP form class that first validates the POST data and then displays the form. Therefore, if something is missing, I can display the form, but using the POST data so as not to forget the input values. This is a common method for doing this.

, , PHP , , HTML5 . ( , ...):

$email = isset($_POST['email']) ? $_POST['email'] : '';
if (Validate($email)) {
    // do whatever You want with the form
    header("Location: /success-congratulations-great-form-hoooray");
}
else {
    echo "<form>...";
    echo "<input type="email" value=\"$email\">"; // this $email is important here!
    echo "<input type=\"submit\" ... />
    echo "</form>";
}

. ? - - <script>, . .

, , , , , , -...

!

UPDATE , ? , :).

+3
2

, . . PHP ,

echo '<input name="mail" .... data-validate="This email address does not exist" />';

, , javascript, , . , ( ), :

$(document).ready(function() {
    var elements = $('input[data-validate]');
    for (var i = 0; i < elements.length; i++) { 
        var error = $(elements[i]).attr('data-validate');
        elements[i].setCustomValidity(error);
        $(elements[i]).removeAttr('data-validate');
    }
});

html5 php. , php, . !!!! , . , " ", " @ !" ..

, -... ? , - +1 , ... .

UPDATE , . 100% , :). , . Javascript , reset init.

... . , . , , , . - , , php html5 jquery. :). - , , . , . , " -" , , .

: html5 , , html5, , , , .

, .

+2

, . ....

function validateMail($email) {
    $isValid = true;
    $atIndex = strrpos($email, "@");
    if (is_bool($atIndex) && !$atIndex) {
        return false;
    }
    else {
        $domain = substr($email, $atIndex+1);
        $local = substr($email, 0, $atIndex);
        $localLen = strlen($local);
        $domainLen = strlen($domain);
        if ($localLen < 1 || $localLen > 64) {
            return false;
        }
        else if ($domainLen < 1 || $domainLen > 255) {
            return false;
        }
        else if ($local[0] == '.' || $local[$localLen-1] == '.') {
            return false;
        }
        else if (preg_match('/\\.\\./', $local)) {
            return false;
        }
        else if (!preg_match('/^[A-Za-z0-9\\-\\.]+$/', $domain)) {
            return false;
        }
        else if (preg_match('/\\.\\./', $domain)) {
            return false;
        }
        else if(!preg_match('/^(\\\\.|[A-Za-z0-9!#%&`_=\\/$\'*+?^{}|~.-])+$/',
                       str_replace("\\\\","",$local))) {
            if (!preg_match('/^"(\\\\"|[^"])+"$/', str_replace("\\\\","",$local))) {
                return false;
            }
        }
        if ($isValid && !(checkdnsrr($domain,"MX") || checkdnsrr($domain,"A"))) {
            return false;
        }
    }

    return $isValid;
}

, RFC-5322. .

0

More articles:


All Articles