html5 thuộc tính bắt buộc trên các trình duyệt không được hỗ trợ

Question

Tôi có một ứng dụng web sử dụng thường xuyên thuộc tính HTML5 required. Tuy nhiên Safari và tức là 8/9 không hỗ trợ thuộc tính này. Có một plugin jQuery sẽ buộc hành vi trên các trình duyệt không tương thích không?

Answer 1

Tìm thấy một động cơ rất linh hoạt và nhẹ (một lần minified) mà làm việc qua trình duyệt bao gồm IE8!

http://posabsolute.github.io/jQuery-Validation-Engine/

Answer 2

Bạn có thể sử dụng h5validate làm chính xác những gì bạn cần.

<script> 
$(document).ready(function() { 
    $('form').h5Validate(); 
}); 
</script> 

Answer 3

Bạn có thể Shim nó chỉ đơn giản ...

if ($("<input />").prop("required") === undefined) { 
    $(document).on("submit", function(event) { 
     $(this) 
      .find("input, select, textarea") 
      .filter("[required]") 
      .filter(function() { return this.value; }) 
      .each(function() { 
       // Handle them. 
      }); 
    }); 
} 

Answer 4

Tôi đã viết một plugin jQuery rất đơn giản cho việc này. Nó chỉ thêm xác nhận hợp lệ phía máy khách vào một biểu mẫu bằng cách sử dụng thuộc tính 'required'.

https://github.com/garyv/jQuery-Validation-plugin

Sau bao gồm các plugin, bạn có thể gọi thức validate() trong chức năng sẵn sàng tài liệu của jQuery hoặc ở phần cuối của phần nội dung html.

<script> 
    $(document).ready(function(){ 
    $('form').validate(); 
    }); 
</script> 

Answer 5

này hoạt động mà không cần bất kỳ plugin (chỉ JQuery):

<script> 

    // fix for IE < 11 
    if ($("<input />").prop("required") === undefined) { 
     $(document).on("submit", function(e) { 
      $(this) 
        .find("input, select, textarea") 
        .filter("[required]") 
        .filter(function() { return this.value == ''; }) 
        .each(function() { 
         e.preventDefault(); 
         $(this).css({ "border-color":"red" }); 
         alert($(this).prev('label').html() + " is required!"); 
        }); 
     }); 

    } 
</script>