引导盒流星形式:防止空白提交
bootbox meteor form: preventing blank submissions
我有一个链接到引导框模式表单的"新建"按钮,该表单要求用户输入新聊天室的名称。代码如下所示:
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()
并禁用提交按钮,直到输入了某些内容。当然,您仍然允许取消。
相关文章:
- 防止形成“;提交时”;正在加载空白页
- 如何在提交空白表单时隐藏图像
- 提交邮件黑猩猩订阅 php 后,我有一个空白页
- 提交回复后 Ajax 它显示一个空白的数据空间
- 在使用PHP和Javascript提交表单时无法检查空白选择字段
- 只允许提交pdf格式/图片,而不是空白
- 允许空白表格提交的联系表格
- 如何打开提交目标=“_空白“;在选项卡中,而不是Chrome的弹出窗口中
- 如何使用javascript在提交时删除空白表单行
- 禁止提交空白输入和文本区域
- 防止ajax提交带有空白输入和选择
- Redux表单:提交空白字段导致错误
- Chrome扩展表单输入文本是空白提交
- 为什么javascript触发提交表单(方法get,目标空白)打开弹出窗口而不是新选项卡
- 空白页后,按下提交按钮,所有字段填满
- 表单提交字段为空白.使用Javascript隐藏和显示字段
- ajax表单只向第一个id提交空白描述
- jQuery 表单在提交时返回空白页
- 引导盒流星形式:防止空白提交
- Jquery POST提交空白变量