Javascript 甜警报内部引导模式

我有一个javascript函数可以基于userinput调用sweetalert，但sweetalert在引导模型中不起作用

有人能帮我吗

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>   

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">
      <input type="text" id="input1" onblur="alerts()">
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>
</div>
 </div>

开放模式
&时代；
模态头
接近

JavaScript:

function alerts()
{
  var inputs = document.getElementById("input1").value;
  if(inputs < 2)
  {
  swal('Not Valid', 'Enter another','warning');
  }
}

功能警报（）
{
var inputs=document.getElementById（“input1”）.value；
如果（输入<2）
{
swal（‘无效’、‘输入另一个’、‘警告’）；
}
}

我不太喜欢JavaScript，所以我不知道为什么它不能使用

blur（）

，但是你可以使用jQuery

keyup

函数

$（文档）.ready（函数（）{
$（'#input1'）.keyup（函数（）{
var输入=$（this.val（）；
如果（输入<2）{
swal（‘无效’、‘输入另一个’、‘警告’）；
}
});
});

开放模态
&时代；
模态头
接近
只需稍微重新排序您的函数



alerts=函数（）{
var inputs=document.getElementById（“input1”）.value；
如果（输入<2）{
swal（‘无效’、‘输入另一个’、‘警告’）；
}
}

开放模态
&时代；
模态头
接近
alert=function（）{如果你想从html@AndrewBone调用if，你应该将其作为answer发布。你是否运行了上述代码段，是否输入了值
1
以进行检查，是否包含了所有文件，如包含在answer、CSS和JS中，请查看你的代码中缺少了什么，因为如果你在input中输入
1
，它在代码段中工作。当你键入，OP希望它聚焦out@AndrewBone啊，OP可以使用
change
或
keydown
功能，我的意见
用户体验
总是排在第一位，因此，如果您立即通知用户有问题，而不是在用户单击或在系统外执行任何其他操作时发出警报，这种方式会更好input@Shehary这样他们但在每个按键之间都会收到一个通知（实际上，只要他们按空格键）@AndrewBone不，他们只在满足特定条件时收到通知，在这种情况下是
<2
，当警报关闭时，他们不会失去对输入的关注，我认为这是更好的
用户体验
，而不是键入>单击外部>警报显示>关闭警报>再次单击输入以键入