Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > สอบถามวิธีใช้ jquery ในการล็อคอิน โดยไม่เปลี่ยนหน้าครับ ถ้าใส่รหัสถูก ให้โชว์อีกแบบ ถ้าใส่ผิดให้กรอกใหม่ แต่มีข้อความเตือนว่าผิดครับ



 

สอบถามวิธีใช้ jquery ในการล็อคอิน โดยไม่เปลี่ยนหน้าครับ ถ้าใส่รหัสถูก ให้โชว์อีกแบบ ถ้าใส่ผิดให้กรอกใหม่ แต่มีข้อความเตือนว่าผิดครับ

 



Topic : 109883



โพสกระทู้ ( 8 )
บทความ ( 0 )



สถานะออฟไลน์




login
แบบในรูปภาพครับ แบบไม่เปลี่ยนหน้า ไม่ทราบว่าทำยังไงให้ ฟอร์ม login ขึ้นมาให้กรอกอีกครับเวลาใส่รหัสผ่านผิด

frmlogin
<script type='text/javascript' src='jquery-2.1.1.min.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
$('#btnlogin').click(function() {
$.post("checklogin.php",{username:$('#username').val(),password:$('#password').val()},function(data){
$('#divlogin').after(data);
});
});
});
</script>
<div id='divlogin'>
<form >
<table style='margin:auto;width:249px;margin-top:20px;margin-bottom:25px;' >
<tr height=35px><td><input type='text' id='username' placeholder='Username'></td></tr>
<tr height=35px><td><input type='password' id='password' placeholder='Password'></td></tr>
<tr height=55px><td><input type='button' id ='btnlogin' value='Login'> <input type='reset' value='Clear'></td></tr><!--class="simplemodal-close" clase ปิด dialogbox-->
</table>
</form>
</div>




checklogin
<?PHP
$username = $_POST['username'];
$password = $_POST['password'];
if($username == 'admin' && $password == 'pas')
{
echo "เข้าสู่ระบบเรียบร้อย";
}
else
{
echo "ผิดพลาด โปรดใส่รหัสผ่านใหม่";
}

?>




Tag : PHP, MySQL, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-07-11 18:30:13 By : neverdie353 View : 1579 Reply : 3
 

 

No. 1



โพสกระทู้ ( 9,559 )
บทความ ( 2 )



สถานะออฟไลน์


login ไม่เหมาะทำ ajax นะครับ ควรส่งเข้าโปรแกรม
เพื่อกำหนด Session cookie หรืออะไรก็ตามให้ถูกต้องก่อนครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-11 21:01:26 By : Chaidhanan
 


 

No. 2



โพสกระทู้ ( 283 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

อันนี้เป็น CODE ตัวอย่างครับ

Code (PHP)
<script>
$(document).ready(function(){
    $("#add_err").css('display', 'none', 'important');
     $("#login").click(function(){    
          username=$("#name").val();
          password=$("#word").val();
          $.ajax({
           type: "POST",
           url: "login.php",
            data: "name="+username+"&pwd="+password,
           success: function(html){    
            if(html=='true')    {
             //$("#add_err").html("right username or password");
             window.location="dashboard.php";
            }
            else    {
            $("#add_err").css('display', 'inline', 'important');
             $("#add_err").html("<img src='images/alert.png' />Wrong username or password");
            }
           },
           beforeSend:function()
           {
            $("#add_err").css('display', 'inline', 'important');
            $("#add_err").html("<img src='images/ajax-loader.gif' /> Loading...")
           }
          });
        return false;
    });
});

</script>

<div class="loginform-in">
<h1>User Login</h1>
<div class="err" id="add_err"></div>
<fieldset>
    <form action="./" method="post">
        <ul>
            <li> <label for="name">Username </label>
            <input type="text" size="30"  name="name" id="name"  /></li>
            <li> <label for="name">Password</label>
            <input type="password" size="30"  name="word" id="word"  /></li>
            <li> <label></label>
            <input type="submit" id="login" name="login" value="Login" class="loginbutton" ></li>
        </ul>
         </form>    
</fieldset>
</div>



login.php
Code (PHP)
session_start();
$uName = $_POST['name'];
$pWord = md5($_POST['pwd']);
$qry = "SELECT usrid, username, oauth FROM usermeta WHERE username='".$uName."' AND pass='".$pWord."' AND status='active'";
$res = mysql_query($qry);
$num_row = mysql_num_rows($res);
$row=mysql_fetch_assoc($res);
if( $num_row == 1 ) {
    echo 'true';
    $_SESSION['uName'] = $row['username'];
    $_SESSION['oId'] = $row['orgid'];
    $_SESSION['auth'] = $row['oauth'];
    }
else {
    echo 'false';
}




คือ Return ค่า True หรือ False กลับมา เพื่อนำมาแสดงผลตามต้องการ


ประวัติการแก้ไข
2014-07-11 22:35:11
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-11 22:33:32 By : asustak
 

 

No. 3



โพสกระทู้ ( 8 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : asustak เมื่อวันที่ 2014-07-11 22:33:32
รายละเอียดของการตอบ ::
ได้แล้วครับ ขอบคุณมากครับ แต่เกิดปัญหาเล็กน้อยตรงที่มันไม่เก็บค่า session ครับ มีวิธีไหมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-13 18:06:59 By : neverdie353
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามวิธีใช้ jquery ในการล็อคอิน โดยไม่เปลี่ยนหน้าครับ ถ้าใส่รหัสถูก ให้โชว์อีกแบบ ถ้าใส่ผิดให้กรอกใหม่ แต่มีข้อความเตือนว่าผิดครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่