изменение цвета рамки текстового поля, если проверка не удалась

Question

изменение цвета рамки текстового поля, если проверка не удалась

1

У меня есть текстовое поле с id: txtFirstName и RequiredFieldValidator. Как изменить цвет рамки текстового поля, если валидатор недействителен? Вот мой код:

<label class="lblForm">FirstName</label><br />
<asp:TextBox ID="txtFirstName" runat="server" placeholder="Enter First Name"></asp:TextBox><br />
<label class="lblForm valMes">
<!-- First Name Validate -->
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic" SetFocusOnError="true"
                    ErrorMessage="EnterFirstName" ControlToValidate="txtFirstName"></asp:RequiredFieldValidator>
    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server"
                    ErrorMessage="First name not Valis" ControlToValidate="txtFirstName" Display="Dynamic" SetFocusOnError="true"
                    ValidationExpression="[a-z]{2,10}"></asp:RegularExpressionValidator>
</label>

Я пытаюсь использовать многие функции javascript, которые не работают. Может кто-нибудь мне помочь?

shahar shukrun 03 июнь 2017, в 14:01

Источник

Теги:

javascript

css

validation

2 ответа

Ещё вопросы

Ehsan · Answer 1 · 2017-06-03T09-12-00.000Z

вы можете использовать :invalid и :valid Selectors Like This:

#txtFirstName:invalid {
   border: 2px solid red;
}

#txtFirstName:valid {
   border: 2px solid green;
}
#txtFirstName {
   outline: none;
}

<label class="lblForm">FirstName</label><br />
<input type="text" required="required" id="txtFirstName" pattern="[a-z]{2,10}">

Как я могу заставить его работать после того, как пользователь нажал кнопку «Отправить»? я не хочу быть красным с самого начала
а также есть ли способ изменить цвет этикетки тоже?
почти, мне просто нужно, чтобы он стал красным после первого нажатия на кнопку ОТПРАВИТЬ, а не с самого начала.
и это не работает для регулярного exprassion

Arun Sudhakaran · Answer 2 · 2017-06-03T09-24-00.000Z

0

Образец кода :-

 var sportsDescription=  $('#sportsDescription').val();
 if(sportsDescription == ''){
      $('#sportsDescription').css({ "border":"2px solid red"  });
                                mandatoryFlag = true;
 }else{
      $('#sportsDescription').css({ "border": "3px solid #D2D2D2" });
 }

Arun Sudhakaran 03 июнь 2017, в 09:24

0

это работает только для Требуемой проверки, что относительно Регулярного Выражения?
shahar shukrun 03 июнь 2017, в 12:30
0

Я предполагаю, что вы должны дать правильное выражение регулярного выражения в блоке if и пролистать содержимое блоков if и else, например: - stackoverflow.com/questions/6390695/…
Arun Sudhakaran 03 июнь 2017, в 12:34
0

так что в основном мне нужно сделать проверку в javasccript, но я пытаюсь проверить, является ли текстовое поле действительным, используя валидаторы
shahar shukrun 03 июнь 2017, в 12:42
0

Это зависит от вас, если вы чувствуете себя комфортно с проверкой на стороне клиента, вы можете сделать это, в противном случае вы можете выполнить проверку на стороне сервера, и я не очень хорошо разбираюсь в ASP.
Arun Sudhakaran 03 июнь 2017, в 12:46

Показать ещё 2 комментария