javascript - Simple login system for PhoneGap app -
i'm trying build simple login system phonegap app. have form user gives username , if there matching username in mysql user redirected page. else alert shown. code works fine on firefox , chrome, when try use on safari or on phonegap app doesn't seem work. reason?
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); } }) }) })
you can follow these steps creating simple login system using phonegap / apache cordova
- create json based web service authentication purpose
- use jquery / angular js connect web service using ajax method
- if authentication success, redirect page using javascript
window.location.href="home.html"
- use localstorage storing auth values
i got information http://phonegappro.com/tutorials/phonegap-login-system-using-php-mysql/
Update Broken link to : https://codesundar.com/phonegap-login-system-using-php-mysql/
ReplyDelete