สำหรับการตรวจสอบข้อมูลซ้ำ นั้น จะตรวจข้อมูลจาก Database เพือป้องกันการกรอกข้อมูลซ้ำ
ตัวอย่าง
ข้อมูลใน database เมื่อกรอกข้อมูลซ้ำกับ ข้อมูลในdata base จะแจ้งเตือนข้อความดังนี้ เริ่มต้นแทรก Script bootstrap.js / jquery.min.js ลงใน html
ไฟล์ index.html
แทรก Script ดังนี้
โค้ด: เลือกทั้งหมด
<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);
?>
Typeahead ทำ Autocomplete บน Booststap
การตรวจสอบข้อมูลซ้ำด้วย Ajax บน Booststap
Auto Fill ข้อมูลด้วย Ajax บน Booststap