2014-01-08 2 views
8

Я полностью смущен. У меня есть 6 входов на странице для страницы регистрации. У трех ящиков есть необходимый индикатор в правой части коробки, остальные три - нет. Все 6 полей требуются в коде. enter image description hereBootstrap MVC 4 TextBoxFor Необходимый указатель

Я просмотрел код и либо MVC добавляет фоновое изображение, либо Bootstrap. Вот код Razor, который я использую.

<div class="row "> 
      <div class="col-md-6"> 
       <div class="row"> 
        @Html.TextBoxFor(m => m.currentUser.UserName, new { @class = "form-control", placeholder = "user name", tabindex = 1 }) 

       </div> 

       <div class="row"> 
        @Html.PasswordFor(m => m.currentUser.Password, new { @class = "form-control", placeholder = "password", tabindex = 3 }) 

       </div> 
       <div class="row"> 
        @Html.TextBoxFor(m => m.currentUser.LastName, new { @class = "form-control", placeholder = "last name", tabindex = 6 }) 

       </div> 
      </div> 
      <div class="col-md-6"> 
       <div class="row"> 
        @Html.TextBoxFor(m => m.currentUser.EmailAddress, new { @class = "form-control", placeholder = "email address", tabindex = 2 }) 
       </div> 
       <div class="row"> 
        @Html.PasswordFor(m => m.confrimPassword, new { @class = "form-control", placeholder = "confirm password", tabindex = 4 }) 

       </div> 
       <div class="row"> 
        @Html.TextBoxFor(m => m.currentUser.FirstName, new { @class = "form-control", placeholder = "first name", tabindex = 5 }) 

       </div> 
      </div> 
     </div> 

Я не имею большого опыта работы с Bootstrap, так что я не уверен, что это то, что является причиной проблемы, или если MVC является.

Любая помощь приветствуется.

Вот класс модели:

public class User 
{ 
    public int ID { get; set; } 

    [Required(ErrorMessage = "Please enter a User Name.")] 
    public string UserName { get; set; } 

    [Required(ErrorMessage = "Please enter a password")] 
    public string Password { get; set; } 

    [Required(ErrorMessage = "Please enter your first name.")] 
    public string FirstName { get; set; } 

    [Required(ErrorMessage = "Please enter your last name.")] 
    public string LastName { get; set; } 

    [Required(ErrorMessage = "Please enter an email address.")] 
    public string EmailAddress { get; set; } 
} 

здесь сгенерированный код для входа, который имеет индикатор:

<input class="form-control" data-val="true" data-val-required="Please enter a password" id="currentUser_Password" name="currentUser.Password" placeholder="password" tabindex="3" type="password" autocomplete="off" keyev="true" clickev="true" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsPDhss3LcOZQAAAU5JREFUOMvdkzFLA0EQhd/bO7iIYmklaCUopLAQA6KNaawt9BeIgnUwLHPJRchfEBR7CyGWgiDY2SlIQBT/gDaCoGDudiy8SLwkBiwz1c7y+GZ25i0wnFEqlSZFZKGdi8iiiOR7aU32QkR2c7ncPcljAARAkgckb8IwrGf1fg/oJ8lRAHkR2VDVmOQ8AKjqY1bMHgCGYXhFchnAg6omJGcBXEZRtNoXYK2dMsaMt1qtD9/3p40x5yS9tHICYF1Vn0mOxXH8Uq/Xb389wff9PQDbQRB0t/QNOiPZ1h4B2MoO0fxnYz8dOOcOVbWhqq8kJzzPa3RAXZIkawCenHMjJN/+GiIqlcoFgKKq3pEMAMwAuCa5VK1W3SAfbAIopum+cy5KzwXn3M5AI6XVYlVt1mq1U8/zTlS1CeC9j2+6o1wuz1lrVzpWXLDWTg3pz/0CQnd2Jos49xUAAAAASUVORK5CYII=); padding-right: 0px; background-attachment: scroll; cursor: auto; background-position: 100% 50%; background-repeat: no-repeat no-repeat;"> 

Действительно странно часть, я обнаружил, что они появляются в Chrome но не Firefox.

+0

Я не могу понять, почему вы это понимаете, но, похоже, это глификон, попробуйте найти в своем коде для этого глификона-глификон-asterisk –

+0

Не то, чтобы я не доверяю вам, но вы можете опубликовать свой класс модели и опубликовать сгенерированный HTML вместо этого только шаблон бритвы. –

+3

Какие расширения Chrome у вас есть? Попробуйте проверить свой сайт без каких-либо расширений. Поскольку расширения, такие как LastPass, имеют тенденцию отмечать поля ввода ... – nemesv

ответ

6

@nemesv - вы были совершенно правы. LastPass является одним из расширений, которые я установил в Chrome. Как только я отключил его, иконки были удалены. Вытягивал мои волосы в течение нескольких дней, пытаясь понять это.

+0

Да, это не MVC или загрузочный файл. –

Смежные вопросы