How to replace confirm dialog box OK/Cancel with YES/NO in Javascript

How do I  replace confirm dialog box OK/Cancel with YES/NO in Javascript?

<asp:TextBox ID="plateQty" runat="server" Width="50px" onblur="validate(this)" maxlength="2" CssClass="TRAStext" Text='<%#Container.DataItem("qty")%>'></asp:TextBox>

function validate(_this) {
            if (_this.value >= "5") {
                //alert(_this.value);
                var retVal = confirm("Are you sure you want to order " + _this.value + " boxes?");
                if (retVal == true) {
                    return true;
                }
                else {
                    _this.value = "";
                    _this.focus();
                    return false;
                }
            }
        }
MeinhoonaaAsked:
Who is Participating?
 
honestman31Connect With a Mentor Commented:
Here is a fully working code , I hope that what you want

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Dialog - Modal confirmation</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "YES": function() {
                    $( this ).dialog( "close" );
                },
                "NO": function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>
</head>
<body>
 
<div id="dialog-confirm" title="Are you sure ?">
    
</div>
 

 
 
</body>
</html>

Open in new window


source
http://jqueryui.com/dialog/#modal-confirmation
0
 
honestman31Commented:
You cannot do that with the native confirm() as it is of browser's method.
you  will need to use usejQuery UI

More info ( and source )

http://stackoverflow.com/questions/11046572/make-javascript-alert-yes-no-instead-of-ok-cancel

http://stackoverflow.com/questions/823790/javascript-confirm-popup-yes-no-button-instead-of-ok-and-cancel
0
 
honestman31Commented:
also please check this

http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html

it will be great help for you , just copy and paste the  code u want
don't forget to copy this file to your server msg-box.js
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
MeinhoonaaAuthor Commented:
I am looking for solution not mere links which I can find myself.
0
 
honestman31Commented:
this  http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html   has the solution , just choose what you want and copy and paste the code ,

P.S. to view the source code  use  CTR + U
0
 
MeinhoonaaAuthor Commented:
thank you
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.