如何验证在bootbox消息中创建的表单?

时间:2017-03-22 02:59:34

标签: javascript jquery forms validation bootbox

我正在使用bootbox.js。它允许用户在其中创建表单的消息'部分。但是,我想在使用jquery 之前进行一些验证我点击提交按钮。

这是引导箱:

bootbox.confirm({
   title    : "Choose Item:",
   message  : 
            "<?php 
                echo "<form id='f_item'>";
                echo "<h3>Item: </h3><br/>";
                foreach($item as $row_item){
                    echo "<input type='checkbox' name='item' class='cek_item' value='".$row_pic->item."' />";
                }
                echo "</form>";
            ?>",
 buttons    : {
                cancel  : { label: '<i class="fa fa-times"></i> Batal' },
                confirm : { label: '<i class="fa fa-check"></i> OK'}
            },
 callback: function (result) {
                //If OK button is pressed
                if(result == true){
                   /*SENT FORM CODE*/
                }
            }
        });

如果没有添加一些验证表单,提交工作正常。但是,我不知道在哪里放置验证脚本。

这是一个测试脚本
$(".cek_item").on('change',function(event){ alert($(this).val()+" is choosen"); });
我应该把这个脚本放在哪里?

我想做的验证是:

  • 如果首先检查第一项,则项目的其余部分不可以 检查。
  • 如果没有首先检查第一项,则用户无法检查 第一项。

1 个答案:

答案 0 :(得分:0)

你有点滥用bootbox.confirm功能,因为它并不真正意味着有表单内容。话虽如此,你可以在routines.so的地方添加你的验证 - 如果你从该回调中返回false,则模态将不会关闭,所以类似于:

/*SENT FORM CODE*/

这假设您还在使用jQuery Validation