2017-09-27 94 views
1

我有這種形式是在HTML如何使用不帶jQuery的登錄按鈕提交表單?

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

我想提交這種形式不使用jQuery,我該怎麼辦呢?

也有,我有以下代碼需要提交前運行......

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

<按鈕類型= 「提交」 ID = 「登錄」>登錄 –

+0

<表格ID = 「myForm的」 行動= 「handler.php」 方法= 「POST」> –

+2

'jQuery'只是一個庫(或框架?)構建在Javascript之上。你可以用jQuery做的所有事情,你也可以用純JavaScript來做。像'document.getElementById(「myform」)。submit()'例如 – apokryfos

回答

4

通過更換<button id="login">Login</button>

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

OR

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

並添加onSubmit事件在你的表格中:

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

要小心你validate()功能,其中用戶名和密碼需要與var password = document.getElementById("password");

1

使用類型來設置= 「提交」

如:

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