請教:PHP js 實現複雜的按鈕功能

來源:互聯網
上載者:User
請教各位大蝦:我要製作的網頁裡有一個按鈕,點擊這個按鈕要實現以下幾個功能:

先判斷頁面上給出的姓名是否已經存在於SQL資料庫中了。如果存在,就給個提示框,然後跳出。如果不存在,要將頁面上的內容(如姓名、性別、Email、電話等)存入SQL資料庫,再提示已經寫入資料庫,然後跳轉到另一個頁面。

我定義的按鈕如下(a.php檔案):



然後打算在a.js檔案的function data_send()裡實現按鈕的功能,目前給出提示框和跳轉網頁我知道怎麼實現,可是如何判斷是否應該寫入資料庫,以及如何在js裡寫入資料庫,我就不得而知了。

我是初來乍到的菜鳥,還望各位前輩多多指教,先謝謝大家幫忙啦~!


回複討論(解決方案)

ajax檢測和入庫,然後再跳轉

路過

利用ajax請求php,由php來檢查名稱是否存在。

ajax檢測和入庫,然後再跳轉

謝謝回複。

能說得詳細點兒嗎?最好能有個例子。謝謝~!

能說得詳細點兒嗎?最好能有個例子。謝謝~!
例子。。。。ajax網上的例子很多,隨便 google哈一大堆,
原理就是 input框失去焦點後ajax提交,然後php處理返回json之類的,然後js在操作顯示提示

我最近也在研究,分享下:
檔案1、(conn.php) 代碼如下:
$conn = mysql_connect('localhost','資料庫使用者名稱','資料庫密碼');
mysql_select_db('資料庫名',$conn);
?>

檔案2、(a.html)代碼如下:



檔案3、(a.php) 代碼如下:

include "conn.php";
$sql = 'select * from user';//user為你的資料庫名,自己修改
$res = mysql_query($sql);
while($row=mysql_fetch_assoc($res)){
$u_name[]= $row['name'];//$row['name']裡面的name為你資料庫欄位名

}
$name = $_GET['n'];
if(in_array($name,$u_name)){
echo "此使用者名稱已被註冊請輸入新的使用者名稱!";
}else{
echo "可以使用";
}
?>

檔案4、(b.php)代碼如下:
include "conn.php";
if(isset($_POST['sub'])){
$sql = "insert into user(name) value ($_POST['name'])";
$result = mysql_query($sql);
if($result){
echo "成功!";
}
}
?>

不知道樓主用過jquery沒有,如果用過或者想用的話我可以給詳細方案。

function check(){var name=$("#name").val();$.post("checkUser.php",{name:name},function(result){   if(result==1){      alert('已經存在使用者名稱');      return false;    }});}


checkUser.php
$sql="select * from user where name=".$_POST['name'];$resut=mysql_query($sql);if($result){  echo 1;exit;}

得用jquery post和php很好解決這個,現在很多註冊頁面都是這樣做!

感謝LS各位大蝦的協助,問題解決了。我用的是Ajax。

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.