Form Fields Validation Through Javascript

Question

I'm making a form and i want when the fields are empty the border of the fields gets red but my code is not working please help ! i'm using bootstrap and jquery framework

MY JQUERY

$('document').ready(function() {

    $("#form").submit(function() {

        var username = $("#username").val();
        var email = $("#email").val();
        var password = $("#password").val();
        var confPassword = $("#confPassword").val();
        var message = $("#warning");

        if (username == "" && email == "" && password == "" && confPassword == "") {
            return false;
            $("#username").css("border", "1px solid red");
        } else {
            return true;
        }

    });

});

check the solution also helps you..to write good code

Pranay Rana
– Pranay Rana

2015-07-02 11:40:49 +00:00
Commented Jul 2, 2015 at 11:40 — Pranay Rana
– Pranay Rana, Commented Jul 2, 2015 at 11:40

Arun P Johny · Accepted Answer · 2015-07-02 11:25:08Z

1

return after setting the css rule. Once the return statement is executed none of the statement after it in the function is executed because the control flow is returned to the caller by the return call.

$('document').ready(function () {

    $("#form").submit(function () {

        var username = $("#username").val();
        var email = $("#email").val();
        var password = $("#password").val();
        var confPassword = $("#confPassword").val();
        var message = $("#warning");

        if (username == "" && email == "" && password == "" && confPassword == "") {
            $("#username").css("border", "1px solid red");
            return false;//return after setting the properties
        } else {
            return true;
        }

    });

});

answered Jul 2, 2015 at 11:25

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

Tushar · Accepted Answer · 2015-07-02 11:25:29Z

1

Use OR || to check if user has entered text.

if (username == "" || email == "" || password == "" || confPassword == "" || password != confPassword) {

answered Jul 2, 2015 at 11:25

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

Comments

Pranay Rana · Accepted Answer · 2015-07-02 11:37:41Z

1

Adding to avoe answer try code so you should not have to write line of code for each text box,

var isvalid = true;
$("#username, #email, #password, #confPassword, #warning").each(
function()
{
  if($(this).val()==="")
  {
    $(this).css("border", "1px solid red");
   isvalid = false;
  }
}
);
return isvalid;

answered Jul 2, 2015 at 11:37

Pranay Rana

177k37 gold badges244 silver badges266 bronze badges

Collectives™ on Stack Overflow

Form Fields Validation Through Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related