私はちょっとした初心者です。以下のコードで試してみました。しかし、 "ログインボタン"は動作しません。どんな助けも非常に高く評価されるでしょう。sqlite + jquery + login page
HTMLコード
<div data-role="page" id="loginpage">
<div id="header" data-theme="b" data-role="header">
<h3>Login</h3>
</div>
<div id="wrapper">
<form action="" name="mylogin">
<div data-role="content">
<div class="username" data-role="fieldcontain">
<label for="username"> Username </label>
<input name="username" id="username" placeholder="enter username" value="" type="text">
</div>
<div class="psw" data-role="fieldcontain">
<label for="psw"> Password </label>
<input name="password" id="psw" placeholder="enter password" value="" type="text">
</div>
<input id="login" value="Login" type="button" name="Login" onclick="validationcheck();">
</div>
</form>
</div>
</div>
JS
function validationcheck(){
var uname = "";
var pasw = "";
var username = document.getElementById("username").value;
var password = document.getElementById("psw").value;
if(username == uname && password == pasw){
$.mobile.changePage("#page1");
}else{alert("login failed");
}}
SQLiteデータベース
function getregistdata(tx){
tx.executeSql('SELECT username, password FROM Registration', [], getlogin_success, transaction_error);}
function getlogin_success(tx, results){
var uname = "";
var pasw = "";
var len = results.rows.length;
alert("DEMO table: " + len + " rows found.");
for (var i=0; i<len; i++) {
uname = results.rows.item(i).username;
pasw = results.rows.item(i).password;
}}
「機能しない」とはどういう意味ですか? –
これは間違ったことを理解するのに役立ちます:https://stackoverflow.com/questions/9530954/how-to-call-external-javascript-function-in-html – davidl
ありがとう@FlorianSemm ...「ログインボタン」をクリックすると、 username = unameとpassword = pasw ...#page1には行かないでください。 Unameとpaswはsqliteデータベースのデータです。私はsqliteデータベースが良いondeviceready()を試してみました – yazid