自定义启动箱提示

Question

我想自定义bootbox prompt输入框.我想clsss在input元素中添加属性.

我试试这段代码

bootbox.prompt({
    title: 'Enter Mobile Number',
    placeholder: '8801XXXXXXXXX',
    buttons: {
        confirm: {
            label: 'Submit'
        }
    },
    callback: function(value) {
        console.log(value);
    })
});

我想要那样的东西

bootbox.prompt({
    title: 'Enter Mobile Number',
    placeholder: '8801XXXXXXXXX',
    class: 'only-number',
    buttons: {
        confirm: {
            label: 'Submit'
        }
    },
    callback: function(value) {
        console.log(value);
    })
});

更新

根据Guruprasad Rao回答,我更新了我的代码.但是class属性在div元素中添加input元素.

bootbox.prompt({
    title: 'Enter Mobile Number',
    placeholder: '8801XXXXXXXXX',
    className: 'only-number',
    buttons: {
        confirm: {
            label: 'Submit'
        }
    },
    callback: function(value) {
        console.log(value);
    })
});

看我的检查元素pic

Answer 1

那么有一个选项叫className的bootbox,你可以使用添加class,一旦你加入class尝试的设置maxlength如下:

bootbox.prompt({
    title: 'Enter Mobile Number',
    placeholder: '8801XXXXXXXXX',
    className: 'only-number',
    buttons: {
        confirm: {
            label: 'Submit'
        }
    },
    callback: function(value) {
        console.log(value);
    })
});

初始化后,您可以添加maxlength属性document.ready

$(document).ready(function(){
       $('.only-number').attr('maxlength','13');
});

UPDATE

className在初始化期间删除并在初始化后添加以下代码

$(document).ready(function(){
   $('.bootbox-form').find('input').addClass('.only-number').attr('maxlength','13');
});