CODEWITHSUNDEEP
javascripthtml
zarko
zarko

Reputation: 151

Red textbox border color

I have a form with one textbox. I want to check when the textbox value is empty and make some sort of red border surrounding the textbox itself when it's empty.

if (document.getElementById('pageh').value == "") {
    alert("One of the fields is empty.");
    return false;
}

That's my validation, but how do I add the red border?

Upvotes: 1

Views: 8451

Answers (2)

VisioN
VisioN

Reputation: 145398

Maybe something like that?

var textbox = document.getElementById("pageh");
if (textbox.value.replace(/^\s+|\s+$/g, "") === "") {
    textbox.style.border = "1px solid #ff0000";
}

Note, don't be afraid of replace part: this is just cross-browser text trim.

Upvotes: 1

Paul Fleming
Paul Fleming

Reputation: 24526

var field = document.getElementById('pageh');

if (field.value == "") {
    document.getElementById('pageh').style.border = "solid 1px red";
    alert("One of the fields is empty.");
    return false;
}

Upvotes: 5

Related Questions