Thuộc tính bắt buộc HTML5 dường như không hoạt động

Question

Tôi không thể hiểu tại sao thuộc tính mới yêu cầu của HTML5 có vẻ không hoạt động và tôi biết mã đơn giản của tôi có vẻ không sao. Tôi nên làm gì để thực hiện công việc này?

Đây là mã của tôi trong HTML:

<input type = "text" class = "txtPost" placeholder = "Post a question?" required> 
<button class = "btnPost btnBlue">Post</button> 

Đúng tôi nếu tôi sai nhưng, nếu bao giờ tôi chạy mã trong trình duyệt và bấm nút mà không cần bất kỳ giá trị trong hộp văn bản cần có một chú giải công cụ cho thấy rằng trường đó là bắt buộc, phải không? Nhưng không có gì xảy ra không có vấn đề bao nhiêu lần bạn nhấp vào nút. Tôi có hiểu lầm về cách sử dụng thuộc tính yêu cầu không?

Tôi đang chạy mã của mình trong google chrome Version 28.0.1500.72.

Answer 1

Hãy thử đặt nó bên trong một thẻ form và đóng thẻ đầu vào:

<form> 
    <input type = "text" class = "txtPost" placeholder = "Post a question?" required /> 
    <button class = "btnPost btnBlue">Post</button> 
</form> 

Answer 2

Có, bạn bỏ lỡ hình thức đóng gói:

JSFiddle

<form> 
    <input id="tbQuestion" type="text" placeholder="Post a question?" required/> 
    <input id="btnSubmit" type="submit" /> 
</form> 

Answer 3

Hãy chắc chắn rằng thuộc tính novalidate là không được đặt thành thẻ biểu mẫu của bạn

Answer 4

bài

Đặt này trong thẻ hình thức và phương pháp là POST

Nếu sử dụng MVC sau đó kiểm tra từ jquery của bạn nếu văn bản không được điền sau đó trả lại tự động hiển thị thông báo

Answer 5

nói Trên thực tế, khi tôi cố gắng này , nó chỉ hoạt động khi tôi đặt giá trị hành động và phương thức cho biểu mẫu. Vui như thế nào nó hoạt động mặc dù!