PhoneGapアプリ用の簡単なログインシステムを構築しようとしています。ユーザーがユーザー名を指定するフォームがあり、MYSQLに一致するユーザー名がある場合、ユーザーは別のページにリダイレクトされます。それ以外の場合は、アラートが表示されます。コードはFirefoxとChromeで問題なく機能しますが、SafariまたはPhoneGapアプリで使用しようとすると、機能しないようです。理由は何でしょうか?
HTML
<form id="login-form" rel="external" data-ajax="false" >
<label for="number">Number:</label>
<br>
<input type='tel' name="number" id="number" data-corners="false" data-theme="d"/>
<br>
<label for="username">Username:</label>
<br>
<input name="username" id="username" data-corners="false" data-theme="d"/>
<br>
<input type="submit" value="OK" data-theme="b" data-corners="false" />
</form>
JS
$(function() {
$('#login-form').submit(function(event) {
event.preventDefault();
$.post(serviceURL +'login.php', {
kayttaja: $('[name="username"]').val(),
}).success(function(data) {
if (data.status == 'ok') {
var input = document.getElementById("number");
var user = document.getElementById("username");
localStorage.setItem("number", input.value);
localStorage.setItem("username", user.value);
window.location.pathname = data.redirect;
} else {
alert(data.message);
}
})
})
})