checkContactDetails/checkFormatDetails.html at master · percevam/checkContactDetails · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<html>
    <head>
        <script type="text/javascript" src ="checkFormatDetails.js"></script>
    </head>
    <body>
        <form>
            <p>
                <label>Phone</label>
                <input name="phone" type="tel" placeholder="Téléphone" onchange="testFormat('phone')">
                <span id="phoneFormat" style="display: none;">Incorrect format.</span>
            </p>
            <p>
                <label>Email</label>
                <input name="mail" type="text" placeholder="Email" onchange="testFormat('mail')">
                <span id="mailFormat" style="display: none;">Incorrect format.</span>
            </p>
            <p>
                <label>Zip code</label>
                <input name="zipcode" type="text" placeholder="Code postal" onchange="testFormat('zipcode')">
                <span id="zipcodeFormat" style="display: none;">Incorrect format.</span>
            </p>
            <p>
                <input type="submit" value="Envoyer" />
            </p>
        </form>
    </body>
</html>