2016-06-13 9 views
0

私は現在、フィールドの下に同じページを表示しようとしていますが、現在取得しているものは、「必要なフィールドに記入していません」という別のページが開きます。フィールドの隣の同じページの検証

ここで

フォームのための私のHTMLコードです:

<!-- Header Code --> 

<style type="text/css"> 
.OBJ-1 { margin:0;background:transparent url('wpimages/wp2ce4b072.png') no-repeat left top; } 
.P-1 { text-align:center;line-height:1px;font-family:"Tahoma", sans-serif;font-style:normal;font-weight:700;color:#000000;background-color:transparent;font-variant:normal;font-size:18.0px;vertical-align:0; } 
.C-1 { line-height:22.00px;font-family:"Tahoma", sans-serif;font-style:normal;font-weight:700;color:#000000;background-color:transparent;text-decoration:none;font-variant:normal;font-size:18.0px;vertical-align:0; } 
.C-2 { line-height:18.00px;font-family:"Georgia", serif;font-style:normal;font-weight:normal;color:#626262;background-color:transparent;text-decoration:none;font-variant:normal;font-size:16.0px;vertical-align:0; } 
.OBJ-2 { border:none;border-radius:10px/10px;background:#ffffff;font-family:Georgia;text-align:left;font-size:18px;color:#000000; } 
.OBJ-3 { border:none;border-radius:10px/10px;background:#626262;font-family:Georgia;text-align:center;font-size:18px;color:#fdfdfd; } 

<!-- Form form_14 --> 


<form id="form_14" action="dbtest2.php" method="post" target="_top" enctype="application/x-www-form-urlencoded" class="OBJ-1" style="position:absolute;left:220px;top:42px;width:335px;height:104px;"> 

<div style="position:absolute;left:4px;top:4px;width:327px;height:22px;overflow:hidden;"> 
    <p class="Body P-1"><span class="C-1">sign up</span></p> 
</div> 

<label for=""> 

    <div style="position:absolute;left:4px;top:30px;width:327px;height:18px;overflow:hidden;"> 
     <p class="Body"><span class="C-2"><br></span></p> 
    </div> 

</label> 


<!-- Form Edit Box --> 


<input name="firstname" class="OBJ-2" maxlength="32" placeholder="firstname" style="position:absolute;left:4px;top:48px;width:327px;height:24px;"> 



<!-- Form Button --> 


<input name="submit" class="OBJ-3" type="submit" value="submit" style="position:absolute;left:4px;top:76px;width:327px;height:24px;"> 

これは私のPHPフィールド検証スクリプトです:

<?php 

$firstname = $_POST['firstname']; 
if(empty($firstname)) 
{ 
echo "You did not fill out the required fields."; 
} 



$host="localhost"; // Host name 
$username="root"; // Mysql username 
$password=""; // Mysql password 
$db_name="correoervhanski"; // Database name 
$tbl_name="users"; // Table name 

// Connect to server and select database. 
mysql_connect("$host", "$username", "$password")or 
die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB"); 



?> 

誰かが親切にどのようにちょうどフィールドの下に表示する検証メッセージのためのコードを配置する場所を私に言うことができればがはるかに理解されるであろう。

感謝:)確かに

+0

私はある程度まではかなり新しいAJAXとPHPのよ、ご回答いただきありがとうございます。とにかく私は同じページで実行するためにPHPを実装するためにPHPを使用することができますか?上のコードでスクリプトを挿入する必要があるのはどこですか?申し訳ありませんが、私は大雑把なバグのように聞こえます。 :) – Nabz

答えて

1

、基本的に、あなたが同じページ上のPHPスクリプトを実行しようとしている

- このために、あなたの最高の戦術は、AJAXを使用しています。これは、特にjqueryライブラリを使用している場合は、実装が非常に簡単です。

http://api.jquery.com/jquery.ajax/

関連する問題