เว็บบอร์ด PHP เว็บส่งเสริมการเรียนรู้ Hosting CRM ERP Server Programming ถาม-ตอบปัญหา

ทำไมของหนู มันไม่ขึ้นแจ้งเตือนเลยค่ะ TT

<script type="text/javascript">
$(document).ready(function(){

	$("#txtUser,#txtEmail").change(function(){

			$("#sUser").empty();
			$("#sEmail").empty();

			$.ajax({ 
				url: "ajax.php" ,
				type: "POST",
				data: 'sUser=' +$("#txtUser").val()+'&eMail='+$("#txtEmail").val()
			})
			.success(function(result) { 

					var obj = jQuery.parseJSON(result);

					if(obj != '')
					{
						  $.each(obj, function(key, inval) {

								   if($("#txtUser").val() == inval["user"])
								  {
									   $("#sUser").html(" <font color='red'>ชื่อมีอยู่แล้ว</font>");
								  }

								   if($("#txtEmail").val() == inval["email"])
								  {
									   $("#sEmail").html(" <font color='red'>อีเมล์นี้มีอยู่แล้ว</font>");
								  }

						  });
					}

			});

		});
	});
</script>

<table class="table">

  <tr>
    <td>User</td>
    <td><input type="text" id="txtUser" name="txtUser">
	<span id="sUser"></span>
	</td>
  </tr>
  <tr>
    <td>Email <font color="red">*</font></td>
    <td><input type="text" id="txtEmail" name="txtEmail">
	<span id="sEmail"></span>
	</td>
  </tr>
 
</table>

<?php
    $strSQL = "SELECT * FROM member WHERE user = '".$_POST["sUser"]."' OR email = '".$_POST["eMail"]."' ";
    $objQuery = mysql_query($strSQL) or die (mysql_error());
    $intNumField = mysql_num_fields($objQuery);
    $resultArray = array();
    while($obResult = mysql_fetch_array($objQuery))
    {
        $arrCol = array();
        for($i=0;$i<$intNumField;$i++)
        {
            $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
        }
        array_push($resultArray,$arrCol);
    }
    
    
    echo json_encode($resultArray);
?>

[b]การตรวจสอบข้อมูลซ้ำด้วย Ajax บน Booststap[/b]
สำหรับการตรวจสอบข้อมูลซ้ำ นั้น จะตรวจข้อมูลจาก Database เพือป้องกันการกรอกข้อมูลซ้ำ

[b]ตัวอย่าง
ข้อมูลใน database[/b]
[attachment=0]2.png[/attachment]
เมื่อกรอกข้อมูลซ้ำกับ ข้อมูลในdata base จะแจ้งเตือนข้อความดังนี้
[attachment=1]1.png[/attachment]

เริ่มต้นแทรก Script bootstrap.js / jquery.min.js ลงใน html

[b]ไฟล์ index.html [/b]
แทรก Script ดังนี้
[code]<script type="text/javascript">
$(document).ready(function(){

$("#txtUser,#txtEmail").change(function(){

$("#sUser").empty();
$("#sEmail").empty();

$.ajax({
url: "ajax.php" ,
type: "POST",
data: 'sUser=' +$("#txtUser").val()+'&eMail='+$("#txtEmail").val()
})
.success(function(result) {

var obj = jQuery.parseJSON(result);

if(obj != '')
{
$.each(obj, function(key, inval) {

if($("#txtUser").val() == inval["user"])
{
$("#sUser").html(" <font color='red'>ชื่อมีอยู่แล้ว</font>");
}

if($("#txtEmail").val() == inval["email"])
{
$("#sEmail").html(" <font color='red'>อีเมล์นี้มีอยู่แล้ว</font>");
}

});
}

});

});
});
</script>[/code]

ส่วนของ Form
[code]<table class="table">

<tr>
<td>User</td>
<td><input type="text" id="txtUser" name="txtUser">
<span id="sUser"></span>
</td>
</tr>
<tr>
<td>Email <font color="red">*</font></td>
<td><input type="text" id="txtEmail" name="txtEmail">
<span id="sEmail"></span>
</td>
</tr>

</table>[/code]

[b]ไฟล์ ajax.php[/b]

[code=php]<?php
    $strSQL = "SELECT * FROM member WHERE user = '".$_POST["sUser"]."' OR email = '".$_POST["eMail"]."' ";
    $objQuery = mysql_query($strSQL) or die (mysql_error());
    $intNumField = mysql_num_fields($objQuery);
    $resultArray = array();
    while($obResult = mysql_fetch_array($objQuery))
    {
        $arrCol = array();
        for($i=0;$i<$intNumField;$i++)
        {
            $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
        }
        array_push($resultArray,$arrCol);
    }
    
    
    echo json_encode($resultArray);
?>[/code]

กระทู้เกี่ยวข้อง
[url=https://www.mindphp.com/forums/viewtopic.php?f=76&t=18655]Typeahead ทำ Autocomplete บน Booststap[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=76&t=18716]การตรวจสอบข้อมูลซ้ำด้วย Ajax บน Booststap[/url]
[url=https://www.mindphp.com/forums/viewtopic.php?f=76&t=18731]Auto Fill ข้อมูลด้วย Ajax บน Booststap[/url]