jQueryフォームが再帰的に送信する
-
21-12-2019 - |
質問
jcryptionアルゴリズムを使用して、JavaScriptのユーザー名とパスワードの暗号化を行っています。Javaを使用した復号化。そのプロセスでは、JavaScriptフォームでの暗号化プロセスの完了が送信される前に.in Java私は暗号化されたユーザー名とパスワードを取得していません。暗号化プロセスが完了した後に送信されたフォームの送信と書面コードが送信イベントを呼び出しましたが、複数回送信するフォームの送信と書面コードを妨げています。 問題を解決する方法はありません。問題を解決するための任意の代替方法。
事前感あり
私のHTMLコード
<form name="frm" method="post" action="/xsl-portal/xlogin" onSubmit="" target="_parent" autocomplete="off">
<input type="text" maxlength="45" name="eid1" id="eid1" />
<input type="hidden" maxlength="45" id="eid" name="eid" />
<input type="password" id="pw" name="pw" />
<input type="image" src="home-images/button-submit.png" id="submitButton" value="Submit" name="image" onclick="submitButtonClick();" />
<input type="hidden" value="" name="submit" id="submit"/>
</form>
.
.Javascript code
var keys='';
function getKeys() {
$.jCryption.getKeys("/sakai-login-tool/EncryptionServlet?generateKeypair=true", function(
receivedKeys) {
keys = receivedKeys;
});
}
getKeys();
var encryptedUser='';
var encryptedPassword='';
.
/ *フォーム送信コード* /
// $('#submitButton').on('click',function(){
function submitButtonClick(){
}
// });
$('form').submit(function(e) {
e.preventDefault();
var user=$('#eid1').val();
var password=$('#pw').val();
encryptionProcess(user,password).pipe(applyValues).pipe(function(){
console.log("eid"+$('#eid').val());
console.log("pw"+$('#pw').val());
$('form').submit();
});
})
;
function encryptionProcess(user,password){
var d= $.Deferred();
setTimeout(function() {
$.jCryption.encrypt(user, keys, function(encrypted) {
encryptedUser = encrypted;
console.log("printing user encryption:"+encryptedUser);
});
$.jCryption.encrypt(password, keys, function(encryptedPasswd) {
encryptedPassword = encryptedPasswd; /**
* As both userName and password are encrypted now Submit login
*/
console.log("printing password encryption:"+encryptedPassword);
});
d.resolve();
}, 10);
return d.promise();
}
function applyValues(){
var d1= $.Deferred();
setTimeout(function() {
$('#eid').val(encryptedUser);
$('#pw').val(encryptedPassword);
d1.resolve();
}, 10);
return d1.promise();
}
. 解決
$('form').submit();
のためです。jQuery submit() method、これは送信イベントハンドラの呼び出しを引き起こさない。
$('form')[0].submit();
//or e.target.submit();
. 他のヒント
submit
ボタンを通常のボタンに変更します。このボタンをクリックすると、そのハンドラの範囲内で$('form').submit();
現在のことをしている方法は再帰的な送信をもたらすでしょう。
所属していません StackOverflow