引导盒流星形式:防止空白提交

bootbox meteor form: preventing blank submissions

本文关键字:空白 提交 流星      更新时间:2023-09-26

我有一个链接到引导框模式表单的"新建"按钮,该表单要求用户输入新聊天室的名称。代码如下所示:

Template.chatsList.events = {
'click .newchat-button': function () {
bootbox.prompt("Enter a title for your new chat", function(result) {                
  if (result != null) {
    var validEntry = result;
    Rooms.insert({
      name: validEntry
    });
  }
});
}
}

但是,在空白提交时,提交仍会通过,并且会议室名称为空。我怎样才能阻止这种情况发生?我尝试了结果长度> 1 等,但无济于事。

我是初学者,非常感谢对此事的一些解释。

怎么样

if(result && result.length){
  ..
}

在空白提交时,result值为空字符串,而不是null

无论输入是什么,bootbox.prompt()都会执行回调,即使输入为空。相反,一种常见的模式是使用自定义bootbox.dialog()并禁用提交按钮,直到输入了某些内容。当然,您仍然允许取消。