ログインにはいつもプレーンHTMLバージョンを使用していましたが、これからjQueryバージョンを使い始めたいと思います。お互いに長所または短所はありますか?セキュリティの観点からお願いします。
注:変数のバックエンドを検証するので、今のところ心配する必要はありません。
ありがとう
プレーンHTML
<form name="login" method="post" action="login.php">
Username: <input type="text" id="username" name="username" /><br />
Password: <input type="password" id="password" name="password" /><br />
<input type="submit" id="submit" name="submit" value="Login" />
<input type="hidden" id="hash" name="hash" value="dynamic has goes here" />
<input type="hidden" id="trap" name="trap" value="allways empty" />
</form>
JQueryスタイル
$(document).ready(function()
{
$("#login").submit(function(event)
{
event.preventDefault();
var username = $('#username').val();
var password = $('#password').val();
var hash = $('#hash').val();
var trap = $('#trap').val();
$.ajax({
type : 'POST',
url : 'login.php',
data : {username:username, password:password, hash:hash, trap:trap},
dataType : 'json',
cache : false,
success : function(response)
{
window.location = response.redirect;
},
error : function(response)
{
//Process
}
});
return false;
});
});
<form name="login" method="post">
Username: <input type="text" id="username" name="username" /><br />
Password: <input type="password" id="password" name="password" /><br />
<button type="submit">Login</button>
<input type="hidden" id="hash" name="hash" value="dynamic has goes here" />
<input type="hidden" id="trap" name="trap" value="allways empty" />
</form>