CODEWITHSUNDEEP
javascriptjquery
J.doe
J.doe

Reputation: 47

Jquery function is not called

So i have a log in page, there is a form and what i wanna do is when the user enters their username and password, it checks it in an object (ik i should do it in backend but stay with me here) but the jquery function is not working. here is the code. 

    <div class="login">
    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="ID" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <button id="but" type="submit" class="btn btn-primary btn-block btn-large">Enter Workspace</button>
    </form>
</div>
    <script>
        $('#but').click(function() { 
            alert("lol");   
        });
    </script>

what do i neeed to fix in order for the jquery function to work?

Upvotes: 1

Views: 774

Answers (2)

Shubham Khatri
Shubham Khatri

Reputation: 281656

Adding jquery in the script. Also you may write the jquery functions in $(document).ready() or $(function(){}) but it as optional as long as your write your script after the element it is trying to access.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="login">
    <h1>Login</h1>
    <form>
        <input type="text" name="u" placeholder="ID" required="required" />
        <input type="password" name="p" placeholder="Password" required="required" />
        <button id="but" type="submit" class="btn btn-primary btn-block btn-large">Enter Workspace</button>
    </form>
</div>
    <script>
      $(function(){
        $('#but').click(function() { 
            alert("lol");   
        });
      })
        
    </script>

Upvotes: 0

James111
James111

Reputation: 15903

What do you mean 'it checks it in an object'? Do you want to grab the username & password when a user clicks the button? If so then you'd do something like this:

$('#but').click(function() { 
   var username=$('input[name=u]').val();
   var password = $('input[name=p]').val();
   // Do checks with the values here e.g send to server for validation
 });

Upvotes: 1

Related Questions