тип ввода требуется без тега формы - PullRequest
0 голосов
/ 22 мая 2018

Кажется, что это работает, только если тип ввода находится в форме.Возможно ли сделать проверку через JavaScript и не используя тег формы?Ожидается: если текстовое поле пустое, и я нажимаю «отправить», должно появиться сообщение, поле пустое.Отправляйте только если поле не заполнено

мой сценарий:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr><td><input type="text" size"30" placeholder="put id"  id="source" required>
<button type="submit" class="formButton" id="submit">Submit</button></td></tr>
<tr><td><input type="text" style="border:none" size="40" id="target" class="form" onClick="myFunct()" required></td></tr>
<tr><td><input type="text" style="border:none" size="40" id="target" class="form21" onClick="myFunct()" required></td></tr>

<script>
$(".formButton").click(function() {
 $(".form21").show();
});
</script>

<script>
$('#submit').click(function(){
 var source = $('#source').val();
$('#target').val('text' + ' text');
}); 
</script>

Что я устал, но швы не работают

<script>
function  myFunct(){
if (document.getElementById('source').validity.valid) { alert('missing name'); return }
</script>

спасибо за вашу помощь

1 Ответ

0 голосов
/ 22 мая 2018
  1. $('#target').val('text + ' text');, кавычки закрыты неправильно и текстовая переменная отсутствует.

Так что это должно быть $('#target').val('text' + source );

В myFunct нет закрывающей скобки для функции.

Идентификатор уникален для страницы.Поэтому не используйте одинаковые идентификаторы для нескольких элементов.В этом примере target используется дважды.

Регулярность элемента действительна, когда элемент недействителен, допустимое свойство будет ложным.Таким образом, для сообщения с предупреждением условие должно быть (!document.getElementById('source').validity.valid) (то есть), чтобы проверить, является ли элемент не действительным.

Обработчик нажатия кнопки «Отправить» не вызываетфункция myFunct.Таким образом, с текущим кодом функция валидатора будет вызываться, когда входные элементы имеют классы "form" и "form21".Если вы хотите, чтобы проверка выполнялась при нажатии кнопки «Отправить», код подтверждения должен присутствовать для обработчика нажатия кнопки «Отправить».

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...