How to check if textbox is empty in jquery dialog

Question

I have one jquery dialog in my app.

Here Is how It is made

    var routePopup = "Route Name : <input type='text' id='routeName' name='routeName'/>";


    document.getElementById('popUp').innerHTML = "";
    document.getElementById('popUp').innerHTML = routePopup;

    $("#popUp").dialog({
        title: "Route Name",
        resizable: false,
        width: auto,
        height: auto,
        buttons: {
            "Create Route": function () {
                $(this).dialog("close");
            }
        }
    });

now I want to check if textbox is empty or not. If it is empty then it should not allow to close the popup.

Also It should give message on top that the value can not be empty.

possible duplicate of Check if textbox has empty value or check if text box is empty then run code In addition you are asking to solve 3 issues. You should add some of the code you have tried to address the 3 issues when asking for assistance in finding a solution. — Nope
– Nope, Commented May 22, 2013 at 21:09

Alex · Accepted Answer · 2013-05-22 07:59:00Z

2

Why are you writing document.getElementById('popUp').innerHTML = ""; if you could do $('#popUp').html(''); - that's why you use jQuery :)

$("#popUp").dialog({
        title: "Route Name",
        resizable: false,
        width: auto,
        height: auto,
        buttons: {
            "Create Route": function () {
                if ($(this).val() == '') {
                    alert('May not be empty!');
                }
                else {
                    $(this).dialog("close");
                }
            }
        }
    });

edited May 22, 2013 at 7:59

answered May 22, 2013 at 7:50

Alex

10.3k6 gold badges36 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

vaibhav shah Over a year ago

I also want to give message on top to user if textbox is empty.

Alex Over a year ago

see updated answer. it uses alert() but you can do anything else

Jared · Accepted Answer · 2013-05-22 07:48:44Z

0

var val = $('#textbox').val();

if (val) {
    //Do whatever...
}

answered May 22, 2013 at 7:48

Jared

3,0264 gold badges31 silver badges47 bronze badges

Comments

David Marrero · Accepted Answer · 2016-11-16 15:42:01Z

0

Trim the input value before checking length:

if ( $("#txt").val().trim().length == 0 )
{
    // do something
}

answered Nov 16, 2016 at 15:42

David Marrero

11 silver badge2 bronze badges

Collectives™ on Stack Overflow

How to check if textbox is empty in jquery dialog

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related