Alertify JS- Change button text on prompt dialog

Question

$("#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 for alertify prompt dialog

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

The prompt appears when user clicks on submit button. Tried changing button text using below but its not working

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

Fiddle- where I need to change the default OK button text to something else

How could I change the button text to Submit Form instead of default OK ?

i added some answer, i dont have account to edit fiddle – Anonymous Duck Jun 29 '15 at 12:38 — Anonymous Duck, Jun 29 '15 at 12:38

score 13 · Accepted Answer · edited Nov 24 '15 at 10:26

13

<button> has innerText property and does not have value. Use .text()

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

Use .set('labels') option to change default text.

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

Fiddle

edited Nov 24 '15 at 10:26

MK.

5,139
1
22
36

answered Jun 29 '15 at 12:24

Shaunak D

20,588
10
46
79

The text changes when I click on `OK` for prompt dialog. The prompt dialog still has default button value. The value will change but on which event ? – Slimshadddyyy Jun 29 '15 at 12:26
Pls see fiddle where I need to change default button text http://jsfiddle.net/6zNaP/72/ – Slimshadddyyy Jun 29 '15 at 12:34
Their site says so. Everything must be ideally backward compatible. Check with your version. – Shaunak D Jun 29 '15 at 12:39
snippet that worked for older version - `alertify.set({ labels: { ok : "Submit Form", cancel : "Cancel" } });` – Slimshadddyyy Jun 29 '15 at 12:41

score 1 · Answer 2 · answered Jun 29 '15 at 12:37

1

Found this : 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'});

answered Jun 29 '15 at 12:37

Anonymous Duck

2,942
1
12
35

Alertify JS- Change button text on prompt dialog

2 Answers2