IE10 Validation lỗi với maxlength và giữ chỗ trên textbox

Question

Tôi có một textbox cho Tuổi:

< input type = "text" id = tên "txtAge" = "txtAge" class = "text" placeholder = "Tuổi (tùy chọn) "maxlength =" 2 ">

Khi nhấp vào gửi, đầu vào này ngay lập tức có viền đỏ. Không có postback. Tôi giả sử IE10 tin rằng khách hàng đã thực sự nhập "Tuổi (tùy chọn)" lớn hơn maxlength của 2.

Có cách nào để khắc phục điều này mà không khiến người dùng thực hiện bất kỳ điều gì trong cài đặt của trình duyệt và không loại bỏ thuộc tính maxlength?

Answer 1

Bạn có thể sử dụng các thuộc tính novalidate và formnovalidate. Xem this link để biết thêm thông tin.

Internet Explorer 10 và ứng dụng Windows Store sử dụng JavaScript thêm hỗ trợ mới cho Biểu mẫu HTML5, bao gồm các thuộc tính loại mới (trên phần tử đầu vào), thuộc tính mới cho yếu tố đầu vào và phần tử tiến trình. Hỗ trợ này cho phép nhà phát triển nhanh chóng và dễ dàng cung cấp cho người dùng lời nhắc, xác thực đầu vào và phản hồi với số lượng tập lệnh tối thiểu.

Nguồn: http://msdn.microsoft.com/en-us/library/ie/hh673544(v=vs.85).aspx

Answer 2

tôi phải đối mặt với cùng một vấn đề.

Trong trường hợp này, bạn nên thay đổi độ dài tối đa thành 10 để không gặp vấn đề gì với độ dài tối đa và đặt độ dài tối đa bạn muốn cho hộp văn bản của mình bằng javascript như sau.

function setMaxLength(obj, len) { 
return (obj.value.length < len); 
} 

và gọi chức năng này như sau

<input type="text" id="txtAge" name="txtAge" class="text" placeholder="Age (optional)" maxlength="10" onkeypress="return setMaxLength(this,2);"> 

này sẽ giải quyết vấn đề của bạn.

Answer 3

Tôi đã gặp vấn đề tương tự, trong trường hợp của tôi đó là trường GUID, đã bị ẩn vì tôi không cần hiển thị trên màn hình. Vì vậy, tôi đã hiển thị: none và maxlength = 0. Tuy nhiên, IE đã thực hiện xác thực, đăng lại không thành công và tôi không biết tại sao. Mất nửa ngày để tìm ra, giải pháp là đặt maxlength = 36.