|
|
|
PHP+JQUERY การLogin โดยไม่ต้อง refresh หน้า + เมื่อมีช่อง ID หรือ password ไม่ได้กรอก ให้ โชว์ div ที่กำหนด |
|
|
|
|
|
|
|
เช็กตอนคลิกก่อนส่งค่าครับ
Code (JavaScript)
$('#submit').live('click',function(){
if($('#id').length==0){
alert('id is empty');
$('#id').focus();
return false;
}
else{
var chk = $.ajax({
type: "POST",
url:base_url+"login.php",
data: {user:$('#idr').val(), pass:$('#pass').val()},
dataType: "text",
async:false
}).responseText;
if(chk=='false'|| chk==""){
alert('ชื่อผู้ใช้ หรือรหัสผ่านไม่ถูกต้อง');
return false;
}
else if(chk=='true'){
alert('เข้าสู่ระบบสำเร็จ');
return true;
}
}
});
|
ประวัติการแก้ไข 2012-05-20 14:04:52 2012-05-20 14:12:56
|
|
|
|
Date :
2012-05-20 14:00:35 |
By :
thailandonlyjob เว็บหางานใหม่ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<form method="post" action="authorized.php" id="loginForm" >
User name : <input type="text" name="username" id="username" size="20" /><br />
Password : <input type="password" name="userpwd" id="userpwd" size="20" /><br />
<input type="submit" value="เข้าระบบ" name="loginSubmit" id="loginSubmit" /><br />
<div id="loginStatus"></div>
</form>
<script type="text/javascript">
$(document).ready(function(){
$("#loginForm").submit(function(){
var usrnameLen = $("#username").val().length;
var passLen = $("#userpwd").val().length;
if(usrnameLen >= 4 && passLen >= 4){
return true;
}else{
$("#loginStatus").css({'color':'red' , 'background-color':'yellow'}).text("กรุณาป้อน User name หรือ Password ด้วยครับ (มากกว่า 4 ตัวอักษร)");
return false;
}
});
});
</script>
|
|
|
|
|
Date :
2012-05-20 15:17:30 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|