2017-06-14 52 views
2

我在我的Web表單中有一個「電話號碼」字段。只通過表單字段數據如果數據以相同形式輸入另一個字段

我也有一個隱藏的表單域,其中包含一個unicode手機圖標[&#9742]。

爲我的網站訪問者輸入電話號碼是可選的。

因此,如果他們選擇不在表單的電話號碼字段中輸入數字,我不希望該圖標顯示在uploadResults.php頁面上。

我只希望圖標在他們輸入數據到電話號碼字段時出現。

我不知道如何做到這一點。但是我包含了一個精簡版的表單,以及我的問題中的結果[php]頁面。

任何幫助將不勝感激,因爲我將需要在我的網站的幾個不同的區域合併相同類型的功能。

在此先感謝。

這裏是表單頁面代碼:

<!DOCTYPE html> 
    <html> 
    <head> 
    <title>The Form</title> 

    <style> 

    .container { margin-top:50px; margin-left:40px; } 
    .fieldTitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; } 
    .phoneIcon { margin-bottom:10px; display:none;} /* This field hidden in form */ 
    .phoneNumber { margin-top:10px; width:200px; height:25px; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; } 
    .submitButton { margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size: 12pt; } 

    </style> 

    </head> 
    <body> 

    <form action="uploadResults.php" method="post" enctype="multipart/form-data"> 

    <div class="container"> 

    <div class="fieldTitle">Phone Number:</div> 

    <div><input class="phoneIcon" name="phoneIcon" id="phoneIcon" value="&#9742;" readonly/></div> 

    <div><input class="phoneNumber" name="phoneNumber" id="phoneNumber" autocomplete="off"/></div> 

    <div><input class="submitButton" type="submit" name="submit" value="Submit"></button></div> 

    </div> 

    </form> 

    </body> 
    </html> 

這裏是uploadResults.php頁面代碼:

<?php ob_start(); ?> 

    <!DOCTYPE html> 
    <html> 
    <head> 
    <title>Upload Results</title> 

    <style> 

    body{margin:0;} 
    .numberWrapper {margin: 100px 0px 0px 30px; } 
    .phoneIcon {font-size: 20px;} 
    .phoneNumber {font-family:Arial, Helvetica, sans-serif; font-size:12pt;} 

    </style> 

    </head> 
    <body> 

    <div class="numberWrapper"> 
    <span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?>&nbsp;</span> 
    <span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span> 
    </div> 


    </body> 
    </html> 

    <?php echo ''; (ob_get_contents()); ?> 
+0

的使用,如果條件檢查'$ phonenuber'是否充滿與否。如果電話號碼存在,然後顯示該圖標 –

+0

謝謝仙女舞者。我認爲這可能像'如果'條件。不幸的是,我失去了如何編寫代碼。如果你能幫助我,我會很感激。 –

+0

人們在下面發佈的答案,所以你可以試試這也@ jamie Sexton –

回答

1

您可以檢查下面提到解決方案

<?php if($_POST['phoneNumber'] != NULL || $_POST['phoneNumber'] != ''): ?> 
     <div class="numberWrapper"> 
    <span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?>&nbsp;</span> 
    <span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span> 
    </div> 
<?php endif; ?> 
+0

謝謝你的傢伙!!!!!呼!這工作! –

1

試試這個:

<?php if(!empty($_POST['phoneNumber'])){ ?> 
    <span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?>&nbsp;</span> 
    <?php } ?> 
    <span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span> 
3
Check whether telephone number is posted and not equal to null. 
    <?php ob_start(); ?> 

    <!DOCTYPE html> 
    <html> 
    <head> 
    <title>Upload Results</title> 

    <style> 

    body{margin:0;} 
    .numberWrapper {margin: 100px 0px 0px 30px; } 
    .phoneIcon {font-size: 20px;} 
    .phoneNumber {font-family:Arial, Helvetica, sans-serif; font-size:12pt;} 

    </style> 

    </head> 
    <body> 
<?php if(isset($_POST['phoneIcon']) && $_POST['phoneIcon'] != '') 
    { ?> 
    <div class="numberWrapper"> 

    <span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?>&nbsp;</span> 

    <span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span> 
    </div> 
<?php } ?> 


    </body> 
    </html> 

    <?php echo ''; (ob_get_contents()); ?> 
1

您需要使用issetempty

<?php 

if(isset($_POST['phoneNumber']) && !empty($_POST['phoneNumber'])) 
{?> 
<div class="numberWrapper"> 
    <span class="phoneIcon"><?php $phoneIcon = ($_POST['phoneIcon']); echo $phoneIcon;?>&nbsp;</span> 
    <span class="phoneNumber"><?php $phoneNumber = ($_POST['phoneNumber']); echo $phoneNumber;?></span> 
    </div> 
<?php}?> 
相關問題