Toastr 用于表单验证答案

【问题标题】：Toastr for Form validationToastr 用于表单验证
【发布时间】：2020-01-29 01:53:10
【问题描述】：

我正在尝试用 Toastr 替换 javascript 警报。我已经成功链接了css和脚本。例如：如果文本框为空，会弹出一个 Toastr 显示“请输入您的 ID”。我是新手谢谢！

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>

【问题讨论】：

标签： javascript jquery html toastr

【解决方案1】：

我假设您使用的是 toastr.js，所以这里是有关如何使用它的文档

https://github.com/CodeSeven/toastr

例子：

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

【讨论】：

是的，我正在使用 Toastr.js，它适用于按钮。但不在表单验证上。

【解决方案2】：

如果你使用Toastrjs，你可以这样做：

<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>

【讨论】：

是的，我正在使用 Toastr.js，它适用于按钮。但不在表单验证上。