jquerry not working on my application

Question

0.00/5 (No votes)

See more:

can you please help to solve this problem.
i have form

HTML

<div id ="regis" class="col-md-6 col-md-offset-1">
       <form >
        <p>
        Fisrt Name:
         <input id="fname1" class="input" type ="text"/>
        </p>
        <p>
          Last Name:
            <input id="lname1" class="input" type ="text"/>
        </p>
        <p>
            NIC Number:
            <input id="nic" class="input" type ="text"/>
        </p>
        <p>
            Email Address:
            <input id="eml" class="input" type ="text"/>
        </p>
           <p>
               Telephone Number:
               <input id=" tp" class="input" type ="text"/>
           </p>
           <button id="sub" class="btn-danger">Save </button>
    </form>
</div>

my jquerry file

JavaScript

$(document).ready(function (event){
    $("#sub").click(function(){  //submit btn
       var  ffname = $("#fname1"); //fisrst name
       var  lname = $("#lname1");
       var  nic = $("#nic");
       var  eml1 = $("#eml");
       var  tp = $("#tp");


        if(ffname.val() ==""){
            $("this").css("background-color" , "red");
        }
        else
        {
            $("this").css("background-color" , "green");
        }

    });



});

but unfortunately this is not validating

Posted 10-Apr-15 5:08am

nuke_infer

Add a Solution

Comments

Sergey Alexandrovich Kryukov 10-Apr-15 11:41am

Perhaps jQuery does not have being disappointed with incorrect spelling of its name. :-)
—SA

nuke_infer 10-Apr-15 11:46am

SA - please need solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2015-04-10T05:26:00

Solution 1

What is $("this")? Nothing. It should be $(this) which is a reference to the element that invokes the current function, that is the button. But if you mean to change the color of the invalid element say the ffname textbox, then it should be

ffname.css("background-color" , "red");

See demo[^]
++++++[Last Round]+++++
You code is a mess, did you write it yourself? Do you understand the code? If not, you should consider some tutorials to equip yourself with the necessary knowledge, else no amount of explanation can help you.Start from the basic and learn one thing at a time. At a last bit, I have put together a small example. The rest is up to you to figure out.

XML

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#sub").click(function(){  //submit btn
       var  ffname = $("#fname1"); //fisrst name

        if(ffname.val() ==""){
            ffname.css("background-color" , "red");
        }
        else
        {
            ffname.css("background-color" , "green");
        }

        // to prevent default action and propagation.
        return false;

    });
});
</script>
</head>
<body>
<form method="post">
        <p>
        Fisrt Name:
         <input id="fname1" class="input" type ="text"/>
        </p>
           <button id="sub" class="btn-danger">Save </button>
</form>
</div>

</body>
</html>

Good luck.

Posted 10-Apr-15 5:26am

Peter Leow

Updated 10-Apr-15 6:32am

v6

Comments

nuke_infer 10-Apr-15 11:35am

yes i have changed it $(this) and changed in as ffname also i used these two method but same issues it is not validating

Peter Leow 10-Apr-15 11:46am

What issue? Be more specific, we cannot see your screen. The background color of ffname should have changed, right? Have you included the jQuery library?

Sergey Alexandrovich Kryukov 10-Apr-15 11:47am

Ha-ha, good catch, a 5.
—SA

Peter Leow 10-Apr-15 11:55am

Thank you, Sergey.

nuke_infer 10-Apr-15 11:48am

if i click the button without inserting the values it is not become red

Peter Leow 10-Apr-15 11:52am

You means it disappears, add a "return false" at the end of the click function.

nuke_infer 10-Apr-15 11:55am

done as u said.but not yet :(

Peter Leow 10-Apr-15 11:58am

added demo in solution 1. check it out.

nuke_infer 10-Apr-15 12:04pm

added but same issues

Peter Leow 10-Apr-15 12:07pm

Have you checked out the demo, it is working. The ffname textbox should change colors accordingly.

nuke_infer 10-Apr-15 12:08pm

yes i added your code totally.but nothing happend.

Peter Leow 10-Apr-15 12:11pm

Show your code.

nuke_infer 10-Apr-15 12:13pm

how?

Peter Leow 10-Apr-15 12:15pm

Paste it here.

nuke_infer 10-Apr-15 12:19pm

nuke_infer 10-Apr-15 12:22pm

$("#sub").click(function(){ //submit btn
var ffname = $("#fname1"); //fisrst name

if(ffname.val() ==""){
ffname.css("background-color" , "red");
}
else
{
ffname.css("background-color" , "green");
}

// to prevent default action and propagation.
return false;

});

Peter Leow 10-Apr-15 12:30pm

That is hilarious. Do you know what you are doing? See addition in solution 1.

nuke_infer 10-Apr-15 12:39pm

thank you done.i think problem is jquery :)