作者yuananan (沅沅)
看板Ajax
標題[問題] 不知道即時檢查該插入在哪部分?
時間Wed Dec 17 10:53:53 2014
小的PHP與AJAX新手,HTML之前學過
但無意間接了一個系統
最近使用者有新的需求,但看著之前的程式有點不知道該從哪裡下手
使用者的需求在於一個新增資料的功能,會對資料庫已經有的編號進行資料的新增
EX.編號欄位:1 . 內容:XXX
當按出送出時會顯示新增成功,若沒有該編號則會顯示編號錯誤
若是編號錯誤則之前輸入的內容全部不見需要重輸入一次
使用者希望能夠及時檢查編號欄位是否存在在資料庫內
目前系統的程式是
function save_new() {
$("#abd").hide();
var add_url = 'add_execel_list.php';
$.ajax({
url : add_url,
type : 'POST',
data : $('
#add_form').serialize(),
success : function(data, textStatus, jqXHR) {
alert(data);
location.reload();
}
});
}
進入add_execel_list.php
全部資料輸入完後看有沒有編號(會進入資料庫比對),
如果有就新增成功沒有就顯示沒有該編號
而該部分新增的html頁面則是
<div id = 'abd' class="drag" >
<form name='add_form' id='add_form'>
<table border="1" >
<tr><TD colspan=10 style="text-align:left;">請輸入要新增的資料:</TD></tr>
<tr>
<td style="text-align:left;">編號</td>
<td style="text-align:left;">變更項目</td>
</tr>
<tr>
<td width=""><input type="text" size="12" name='project_code'
id='project_code' onblur="re_back2(project_code.value)
onkeyup="showHint(this.value)";" /></td>
<td width="">
<select name='list_type' id='list_type' onChange="doNewMaster(
document.getElementById( 'list_type' ),document.getElementById(
'list_type_del' )),list_type_del.value =none;" >
<!--<option value="1" selected>業務費</option>-->
<!--<option value="1">業務費</option>
<option value="2">研究費</option>
<option value="3">國外差旅費</option>-->
</select>
</td>
<td width=""><input type="text" size="25" name='remark' id='remark'/></td>
<td><input type="button" value="新增" class="savRow" onClick="return
save_new();"/><input type="button" value="離開" class="savRow"
onClick="return exit_new();"/></td>
</table>
</form>
</div>
不知道若我要新增即時監控編號的功能(希望能跳出提醒)要從哪裡下手改?
目前知道要用ajax寫,但不知道是要加在html那裏還是php檔那邊
謝謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.116.239.184
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Ajax/M.1418784835.A.50D.html
1F:→ yuananan: 若有不清楚的部分我可以再做說明,拜託大家了 12/17 10:59
※ 編輯: yuananan (140.116.239.184), 12/17/2014 11:02:44
※ 編輯: yuananan (140.116.239.184), 12/17/2014 11:07:50
2F:推 Peruheru: JS:在使用者輸入完編號後呼叫ajax把編號傳給後端檢查 12/17 11:06
3F:→ Peruheru: PHP:用$_POST["xxx"]接收後,以SQL查看編號是否存在 12/17 11:07
4F:→ Peruheru: JS:檢查回傳結果,沒有就顯示提醒 12/17 11:08
6F:→ yuananan: P大的意思是在php檔裡面先加入ajax做檢查,若OK再繼續 12/17 11:11
7F:→ Peruheru: 這是JS傳給PHP檢查的範例,應該剛好合你的需求 12/17 11:12
8F:→ Peruheru: 你要做的功能跟很多網站註冊時即時顯示ID能不能用一樣 12/17 11:13
9F:→ yuananan: 真的跟我目前的程式蠻像的,我先做看看! 感謝!!! 12/17 11:14