Làm thế nào để thiết lập tập trung vào một hộp văn bản Html.TextBoxFor - MVC 2

Question

Tôi đang cố gắng để thiết lập tập trung vào một hộp văn bản được tạo ra theo cách sau:

<%=Html.TextBoxFor(model => model.Email, new { style = "width:190px;Border:0px", maxsize = 190 })%> 

Tôi cố gắng để sử dụng javascript mà không giúp được gì nhiều:

<script type="text/javascript"> 
     var txtBox = document.getElementById("Email"); 
     if (txtBox != null) txtBox.focus(); 
    </script> 

Làm cách nào để đặt trọng tâm vào hộp văn bản Html.TextBoxFor in mvc 2?

Answer 1

Bạn đang viết javascript này ở đâu? Bạn cần phải chắc chắn rằng DOM được nạp:

window.onload = function() { 
    var txtBox = document.getElementById("Email"); 
    if (txtBox != null) { 
     txtBox.focus(); 
    } 
}; 

Ngoài ra những người giúp đỡ HTML có thể tạo ra một ID khác nhau tùy thuộc vào bối cảnh: ví dụ nếu bạn đang gọi TextBoxFor bên trong một mẫu biên tập.

Có nói rằng đây không phải là giải pháp tôi muốn giới thiệu bạn. Để giải quyết tất cả những vấn đề tôi thường áp dụng một lớp css vào textbox:

<%=Html.TextBoxFor(
    model => model.Email, 
    new { @class = "email", maxsize = "190" }) %> 

nơi email lớp được định nghĩa như thế này:

.email { 
    width: 190px; 
    border: 0; 
} 

và sau đó sử dụng một popular javascript framework để thiết lập focus khi DOM sẵn sàng:

$(function() { 
    $('input.email').focus(); 
}); 

Answer 2

bạn có thể tự động lấy nét trong HTML5. <%=Html.TextBoxFor(model => model.Email, new { style = "width:190px;Border:0px", maxsize = 190 ,autofocus = "autofocus" })%>