Тостер для проверки формы - PullRequest
Новая
       56

Тостер для проверки формы

0 голосов
/ 29 января 2020

Я пытаюсь заменить javascript оповещений на Toastr. Я успешно связал и css и скрипт. Например: если текстовое поле пустое, появится всплывающее окно Toastr с надписью «Пожалуйста, введите свой идентификатор». Я новичок в этом Спасибо!

HTML Форма 

<form action="#" method="POST" role="form" onsubmit= "required()" autocomplete="off" name="loginform">

<input type="text" class="form-control" placeholder="Employee Number" name="emp_id" id="emp_id">

<button type="submit" name="login">Sign In</button>

</form>

Скрипт 

<script>
function required()
{
var empt = document.loginform.emp_id.value;
if (empt === "")
{
**// enter toastr command here**
return false;
}
else 
{
// success
return true; 
}
}
</script>

Ответы [ 2 ]

0 голосов
/ 29 января 2020

Если вы используете Toastr js, вы можете сделать что-то вроде этого: 

<script>
function required(){
  var empt = document.loginform.emp_id.value;
  if (empt.length <= 0){
    toastr.error('Please enter your ID')
    return false;
  }
  else {
  // success
  return true; 
  }
}
</script>
0 голосов
/ 29 января 2020

Я предполагаю, что вы используете toastr. js, так что вот документация о том, как его использовать

https://github.com/CodeSeven/toastr

Пример: 

toastr.info('Are you the 6 fingered man?')
...