How to submit a form with a login button without jquery?

Question

I have this form which is in HTML

<form id="myform" action="handler.php">
   <input id="username" />
   <input id="password" type="password" />
   <button id="login">Login</button>
</form>

I would like to submit this form without using jquery, How do I do this?

also, I have the following code which needs to run before submit...

function validate(){
   return username.value && password.value;
}

`jQuery` is just a library (or framework?) built on top of Javascript. Everything you can do with jQuery you can also do with pure javascript. Like `document.getElementById("myform").submit()` for example — apokryfos, Sep 27 '17 at 07:43
Do you want it to be sent using ajax (without page reload) or as a simple HTML form? — Walk, Sep 27 '17 at 07:45
In your validate you have `username` and `password` but they don't seem to be declared anywhere — apokryfos, Sep 27 '17 at 07:46

GGO · Accepted Answer · 2017-09-27T07:49:35.523

5

Replacing <button id="login">Login</button> by :

<input type="submit" value="Login" />

OR

<button type="submit">Login</button>

And adding onSubmit event in your form like :

<form id="myform" action="handler.php" onsubmit="return validate();">

be careful with your validate() function, where password and username needs to be set with var password = document.getElementById("password");

edited Sep 27 '17 at 07:49

answered Sep 27 '17 at 07:43

GGO

2,678
4
20
42

score 0 · Answer 2 · answered Sep 27 '17 at 07:45

0

use type="submit"

eg:

<button type="submit" id="login">Login</button>

answered Sep 27 '17 at 07:45

Saw Zin Min Tun

642
3
9

How to submit a form with a login button without jquery?

2 Answers2