Javascript 单击提交后如何显示通知警报弹出窗口？

我正在使用通知警报弹出插件（）

如果文本字段中有错误，我必须在单击提交按钮后显示通知警报。我下面的代码是，当我在文本字段内单击时，它会显示一个警报，当单击时，它会连续显示。我如何使用第二个文本字段的警报？你能帮我吗

$（'#myDiv'）。单击（函数（）{
变量选项1={
“标题”：“错误”，
'样式'：'错误'，
'消息'：'无效名称'，
'图标'：'警告'，
};
var n1=新通知（选项1）；
n1.show（）；
});
body{背景色：#f7f7f7；字体系列：'Roboto'；}
.container{margin:70px auto；}
您以错误的方式使用该插件。您正在调用
click
event on
div
，它正在注册
click
event on
div
容器。所以，即使您单击该容器（而不是在输入和按钮上），它也会显示弹出窗口

我已经将所有内容都放在
$（document）.ready（）
中，并在
表单上有非空字段时调用弹出窗口。您可以为第二个输入字段复制相同的副本

工作示例-
您可以在提交活动中检查表单，如下所示

$（'#myDiv'）。提交（函数（）{
var firstinput=$（“#n1”）.val（）；
var secinput=$（“#n2”）.val（）；
如果（firstinput==“”）
{
变量选项={
“标题”：“错误”，
'样式'：'错误'，
'消息'：'无效名称'，
'图标'：'警告'，
};
var n1=新通知（选项）；
n1.show（）；
}
else if（secinput==“”）
{
变量选项={
“标题”：“错误”，
'样式'：'错误'，
'消息'：'无效移动'，
'图标'：'警告'，
};
var n2=新通知（选项）；
n2.show（）；
}
否则{
console.log（“提交的表单”）；
}
});
body{背景色：#f7f7f7；字体系列：'Roboto'；}
.container{margin:70px auto；}

为什么要为每个提交分配所有变量？然后在外部声明变量，而不是在
submit
函数中声明。兄弟，不要怪脚本。只是为了最佳实践。thanks@KalpeshSingh但若我在提交之前定义了变量，那个么脚本将无法读取这些值，并给出未定义的值……感谢Aman Kumar先生的回复。当我点击“点击这里”时，我查看了你的片段。感谢你回复卡尔佩什·辛格先生。为我工作，但我只能显示一次警报。每次单击“提交”按钮时，它都会显示。您能帮我吗？我如何使用第二个文本字段的警报？我正在处理第二个字段警报和一次性警报问题。本机插件没有此功能。所以，我正在申请我的工作。谢谢你再次回复Kalpesh先生。它工作得很好，但我还有一个问题。如未在字段中输入任何数据并提交，则显示两个警报弹出窗口，这很好，但如果我在字段中输入一个字段，然后单击提交，则显示最后一个警报弹出窗口和新警报弹出窗口。表示弹出警报的总数为3。我已经更新了JSBin。一旦你再次尝试进入，它将隐藏。我发现这个插件非常有限。我建议您选择其他类似类型的插件。你在这里做很多定制的事情！