Alertify JS-在提示对话框上更改按钮文本

时间:2015-06-29 12:20:07

标签: jquery alertifyjs

$("#btn_submit").click(function(){
    alertify.prompt("Please enter note/remarks for this Form:", function (e, value) {
        $("#alertify-ok").val('Submit Form'); //change button text
            if (e) {
                alertify.success("Form has been submitted");
            } else {
                alertify.error("Your form is not submitted");
            }
        });

用于警告提示对话框的HTML

<button id="alertify-ok" class="alertify-button alertify-button-ok" type="submit">
    OK
</button>

当用户点击提交按钮时,会出现提示。尝试使用下面的更改按钮文本,但它不起作用

$("#alertify-ok").val('Submit Form'); //change button text

Fiddle - 我需要将默认的OK按钮文字更改为其他内容

如何将按钮文字更改为Submit Form而不是默认OK

2 个答案:

答案 0 :(得分:8)

<button>具有innerText属性,但没有value。使用.text()

$("#alertify-ok").text('Submit Form'); //change button text

使用 .set('labels') 选项更改默认文字。

alertify.prompt('Please enter your comments', 'some value', 
    function(evt, value){ alertify.message('You entered: ' + value);}
).set('labels', {ok:'Submit', cancel:'Cancel'});

<强> Fiddle

答案 1 :(得分:0)

找到了这个:alertify

alertify.prompt('Please enter your comments', 'some value', 
    function(evt, value){ alertify.message('You entered: ' + value);}
).set('labels', {ok:'Submit Form', cancel:'New Cancel'});