|
 |
| |
ช่วยดูให้หน่อยครับ ผมต้องการเช็กค่าว่าง คือ textbox ว่าง ให้ alert("กรุณากรอกข้อมูล"); ออกมาทำไงครับ |
| |
 |
|
|
 |
 |
|
ช่วยดูให้หน่อยครับ ผมต้องการเช็กค่าว่าง คือ textbox ว่าง ให้ alert("กรุณากรอกข้อมูล"); ออกมาทำไงครับ ต้องเอา js Script ไปไว้ตรงไหนครับ
Code (JavaScript)
if(document.fm.id.value==""){
alert("กรุณากรอกรหัส");
document.fm.id.focus();
return false;
ajax1.php
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-family: AngsanaUPC;
color: #FFFFFF;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
var HttPRequest = false;
function doCallAjax(Mode){
HttPRequest = false;
if(window.HttPRequest){
HttPRequest =new XMLHttPRequest();
if(HttPRequest.overrideMimeType){
HttPRequest.overrideMimeType('text/html');
}
}else if(window.ActiveXObject){
try{
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){ }
}
}
if(!HttPRequest){
alert("หน้าเว็บไม่พร้อมใช้");
return false;
}
var url="insert_data.php";
var pmeters="tid=" + encodeURI( document.getElementById("id").value) +
"&tname=" + encodeURI( document.getElementById("name").value ) +
"&tlastname=" + encodeURI( document.getElementById("lastname").value ) +
"&temail=" + encodeURI( document.getElementById("email").value ) +
"&tphone=" + encodeURI( document.getElementById("phone").value ) +
"&tMode=" + Mode;
HttPRequest.open('POST',url,true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function(){
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
document.getElementById("lastname").value = '';
document.getElementById("email").value = '';
document.getElementById("phone").value = '';
}
}
}
</script>
</head>
<body Onload="JavaScript:doCallAjax('LIST');">
<form id="form1" name="fm" method="post">
<table width="50%" border="0" align="center" cellpadding="3" cellspacing="3" bgcolor="#FFFFCC">
<tr>
<td height="25" colspan="3" align="center" bgcolor="#0000FF"><span class="style1">ทดสอบ Ajax PHP </span></td>
</tr>
<tr>
<td width="45%" align="right" bgcolor="#FFFFCC">รหัส</td>
<td width="6%" align="center" bgcolor="#FFFFCC">:</td>
<td width="49%" bgcolor="#FFFFCC"><label>
<input name="id" type="text" id="id" style="background-color:#FFFFFF"/>
</label></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFCC">ชื่อ</td>
<td align="center" bgcolor="#FFFFCC">:</td>
<td bgcolor="#FFFFCC"><input name="name" type="text" id="name" style="background-color:#FFFFFF"/></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFCC">นามสกุล</td>
<td align="center" bgcolor="#FFFFCC">:</td>
<td bgcolor="#FFFFCC"><input name="lastname" type="text" id="lastname" style="background-color:#FFFFFF" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFCC">email</td>
<td align="center" bgcolor="#FFFFCC">:</td>
<td bgcolor="#FFFFCC"><input name="email" type="text" id="email" style="background-color:#FFFFFF" /></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFCC">เบอร์โทรศัพ</td>
<td align="center" bgcolor="#FFFFCC">:</td>
<td bgcolor="#FFFFCC"><input name="phone" type="text" id="phone" style="background-color:#FFFFFF"/></td>
</tr>
<tr>
<td colspan="3" align="center"><label>
<input type="button" name="btnAdd" id="btnAdd" value="Add" OnClick="JavaScript:doCallAjax('ADD');"/>
</label>
<label>
<input type="reset" name="Submit2" value="Reset" />
</label>
<table width="100%" border="0" cellpadding="3" cellspacing="3">
<tr>
<td align="center">รหัส</td>
<td align="center">ชื่อ</td>
<td align="center">นามสกุล</td>
<td align="center">Email</td>
<td align="center">เบอร์โทร</td>
</tr>
</table>
<span id="mySpan"></span></td>
</tr>
<tr>
<td colspan="3" align="center"> </td>
</tr>
</table>
</form>
</body>
</html>
insert_data.php
Code (PHP)
<?php
/*** By Weerachai Nukitram ***/
/*** http://www.ThaiCreate.Com ***/
$strMode = $_POST["tMode"];
$objConnect = mysql_connect("localhost","root","123") or die("Error Connect to Database");
$objDB = mysql_select_db("db_ajax");
if($strMode == "ADD")
{
$strSQL = "INSERT INTO tb_data ";
$strSQL .="(id,name,lastname,email,phone) ";
$strSQL .="VALUES ";
$strSQL .="('".$_POST["tid"]."','".$_POST["tname"]."','".$_POST["tlastname"]."' ";
$strSQL .=",'".$_POST["temail"]."','".$_POST["tphone"]."') ";
$objQuery = mysql_query($strSQL);
}
$strSQL = "SELECT * FROM tb_data WHERE name ='".$_POST["tname"]."' ORDER BY id ASC ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<table width="600" border="0" align="center" cellpadding="3" cellspacing="3">
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td><div align="center"><?=$objResult["id"];?></div></td>
<td><?=$objResult["name"];?></td>
<td><?=$objResult["lastname"];?></td>
<td><div align="center"><?=$objResult["email"];?></div></td>
<td align="right"><?=$objResult["phone"];?></td>
</tr>
<?
}
?>
</table>
<?
mysql_close($objConnect);
?>
Tag : PHP, MySQL, Ajax
|
ประวัติการแก้ไข
2011-11-02 12:41:31
|
 |
 |
 |
 |
| Date :
2011-11-02 12:40:09 |
By :
Testprogram |
View :
911 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เอาไปไว้ที่ ฟังชั่น doCallAjax อ่ะครับ
|
| |
|
|
| |
| Date :
2011-11-02 12:43:22 |
By :
yuyu7878 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมลองเอาไปว่างแล้วครับได้ แต่มันมีปัญหาคือ เวลาเข้าไปหน้าเว็บครั้งแรก มันวิ่งเข้าไปเช็กเลย ปกติ ต้อง กด save ก่อนถึงจะเช็กอะครับ
|
| |
|
|
| |
| Date :
2011-11-02 12:55:30 |
By :
Testprogram |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อ้อผมเจอแล้วปัญหาผมไปใส่ <body Onload="JavaScript:doCallAjax('LIST');"> มันเลยเช็กเลย
|
ประวัติการแก้ไข
2011-11-02 13:21:07
| |
|
|
| |
| Date :
2011-11-02 13:20:32 |
By :
Testprogram |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
