Array
(
)

Login jQueryMobile usando ajax

Acg
   - 16 abr 2016


Citação:
Pagina Login

#Código<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel = "stylesheet" type="text/css" href="CSS/estilo.css"/>
<script src="Scripts/funcional.js"></script>
</head>
<body>
<section data-role="page" id="login_page">
<header data-role="header" data-position="fixed">
<h3>Login</h3>
</header>
<article data-role="content">

<p>Welcome to login page</p>

<form id="form_login">
<div data-role="fieldcontain" class="ui-hide-label">
<label for="textUser">User: </label>
<input type="text" name="textUser" id="textUser" placeholder="Username"/>
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="textPassword">Password: </label>
<input type="password" name="textPassword" id="textPassword" placeholder="Password"/>
</div>
<input type="button" value="Login" id="btnLogin"/>
<a class="ui-btn ui-icon-star ui-btn-icon-left" data-rel="back">Cancel</a>
</form>
</article>
<footer data-role="footer" data-position="fixed">
<h3>@acgdjeny2016.org.cv</h3>
</footer>
</section>

<section data-role="dialog" id="pageError">
<header data-role="header" data-position="fixed">
<h3>Error</h3>
</header>
<article data-role="content">
<h1>Error processing login request</h1>
</article>
<footer data-role="footer" data-position="fixed">
<h3>@acgdjeny2016.org.cv</h3>
</footer>
</section>
</body>
</html>

Citação:
codigo javascript

#Código$(document).ready(function(){
$("#form_login").css({"margin-top":"200px"});
$("btnLogin").click(function(){
var user = $("#textUser").val();
var pass = $("#textPassword").val();

$.post(
"C:/xampp/htdocs/Workspace/Happy/assets/www/log.php",
{user:user, pass:pass},
function(result){
if(result == "success"){
$(document).on("pageshow","#notificacao.html",function(){
alert("Welcome");
});
}else{
$(document).on("pageshow","#pageError",function(){
alert("Error");
});
}
}
);
});

});

Acg
   - 16 abr 2016


Citação:

Citação:
Pagina Login

#Código<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel = "stylesheet" type="text/css" href="CSS/estilo.css"/>
<script src="Scripts/funcional.js"></script>
</head>
<body>
<section data-role="page" id="login_page">
<header data-role="header" data-position="fixed">
<h3>Login</h3>
</header>
<article data-role="content">

<p>Welcome to login page</p>

<form id="form_login">
<div data-role="fieldcontain" class="ui-hide-label">
<label for="textUser">User: </label>
<input type="text" name="textUser" id="textUser" placeholder="Username"/>
</div>
<div data-role="fieldcontain" class="ui-hide-label">
<label for="textPassword">Password: </label>
<input type="password" name="textPassword" id="textPassword" placeholder="Password"/>
</div>
<input type="button" value="Login" id="btnLogin"/>
<a class="ui-btn ui-icon-star ui-btn-icon-left" data-rel="back">Cancel</a>
</form>
</article>
<footer data-role="footer" data-position="fixed">
<h3>@acgdjeny2016.org.cv</h3>
</footer>
</section>

<section data-role="dialog" id="pageError">
<header data-role="header" data-position="fixed">
<h3>Error</h3>
</header>
<article data-role="content">
<h1>Error processing login request</h1>
</article>
<footer data-role="footer" data-position="fixed">
<h3>@acgdjeny2016.org.cv</h3>
</footer>
</section>
</body>
</html>


Citação:
codigo javascript

#Código$(document).ready(function(){

$("#form_login").css({"margin-top":"200px"});

$("btnLogin").click(function(){
var user = $("#textUser").val();
var pass = $("#textPassword").val();

$.post(
"C:/xampp/htdocs/Workspace/Happy/assets/www/log.php",
{user:user, pass:pass},
function(result){
if(result == "success"){
$(document).on("pageshow","#notificacao.html",function(){
alert("Welcome");
});
}else{
$(document).on("pageshow","#pageError",function(){
alert("Error");
});
}
}
);
});

});


quero fazer o login mas, a acao do botao login nao funciona, alguem poderia me ajudar com isso?

Acg
   - 16 abr 2016

alguma resposta, estou sem ideia

Rodrigo Guimarães
|
MVP
    20 abr 2016

Corrija a linha 5:

$("btnLogin").click(function(){

para

$("#btnLogin").click(function(){

o problema q que estava sem hashtag dessa forma ele não identifica o elemento html.