Bài viết sưu tầm

Trước đây khi kiểm tra dữ liệu trên các form chúng ta thường sử dụng những đoạn code javasript, rất dài, để kiểm tra dữ liệu form trước khi gửi chúng lên server để xác nhận. Nó là những lý do khiến cho chúng ta mất nhiều thời gian hơn để xác nhận dữ liệu trên các máy chủ, nhưng không hẳn chúng ta có thể xác nhận dữ liệu bằng javascrip, có nhiều nhiều cách khác nhau để xác nhận dữ liệu.

Sử dụng hình thức xác nhận được cung cấp từ trình duyệt
Một trong những tính năng của HTML5 là khả năng xác nhận hầu hết dữ liệu người dùng mà không cần dựa vào javascript. Điều này được thực hiện bằng cách sử dụng các thuộc tính xác nhận trên các yếu tố hình thức.

<form action="" method="post">
    <fieldset>
        <legend>Booking Details</legend>
        <div>
            <label for="name">Name:</label>
            <input id="name" name="name" value="" required  pattern="[A-Za-z-0-9]+\s[A-Za-z-'0-9]+" aria-required="true" aria-describedby="name-format">
            <span id="name-format" class="help">Format: firstname lastname</span>
        </div>
        <div>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" value="" required aria-required="true">
        </div>
        <div>
            <label for="website">Website:</label>
            <input type="url" id="website" name="website" value="">
        </div>
        <div>
            <label for="numTickets"><abbr title="Number">No.</abbr> of Tickets:</label>
            <input type="number" id="number" name="number" value="" required aria-required="true" min="1" max="4">
        </div>
        <div class="submit">
            <input type="submit" value="Submit">
        </div>
    </fieldset>
</form>