PHP腳本忽略輸入佔位符的文本字段

我已要求下面的腳本form.php的：http://pastebin.com/kHiZ3gLY（我已經粘貼了以下完整的腳本）PHP腳本忽略輸入佔位符的文本字段

當我完成了第一套4場（保留另一2套他們的佔位符文本），並提交，我的var_dump輸出爲：

string '1|1|1|1 

Height (cm)|Width (cm)|Length (cm)|Weight (kg) 

Height (cm)|Width (cm)|Length (cm)| 

' (length=133)

是否有可能，我可以用PHP/jQuery來「忽略」，已到位的佔位符的文本字段？所以我的輸出只是：

string '1|1|1|1' (length=7)

非常感謝任何幫手在這裏。

完整的腳本：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 

<head profile="http://gmpg.org/xfn/11"> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>March 2012 Experiment</title> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 

<script src="http://digitalbush.com/files/jquery/watermarkinput/beta1/jquery.watermarkinput.js" type="text/javascript"></script> 

<script type="text/javascript"> 
jQuery(function($){ 
    $("#p1height").Watermark("Height (cm)"); 
    $("#p1width").Watermark("Width (cm)"); 
    $("#p1length").Watermark("Length (cm)"); 
    $("#p1weight").Watermark("Weight (kg)"); 
    $("#p2height").Watermark("Height (cm)"); 
    $("#p2width").Watermark("Width (cm)"); 
    $("#p2length").Watermark("Length (cm)"); 
    $("#p2weight").Watermark("Weight (kg)"); 
    $("#p3height").Watermark("Height (cm)"); 
    $("#p3width").Watermark("Width (cm)"); 
    $("#p3length").Watermark("Length (cm)"); 
    $("#p3weight").Watermark("Weight (kg)"); 
}); 
</script> 


</head> 

<body> 

<?php 

$errors = ''; 

if (isset($_POST['submitform'])) { 

    $ierrors = array(); 
    $all = ''; 

    // Loop over the values 1 through 3 
    foreach(range(1, 3) as $i) 
    { 
     // Create an array that stores all of the values for the current number 
     $values = array( 
      'p' . $i . 'height' => $_POST['p' . $i . 'height'], 
      'p' . $i . 'width' => $_POST['p' . $i . 'width'], 
      'p' . $i . 'length' => $_POST['p' . $i . 'length'], 
      'p' . $i . 'weight' => $_POST['p' . $i . 'weight'] 
     ); 

     // Validate every value 
     foreach($values as $key => $value) 
     { 
      if(empty($value)) 
      { 
       $ierrors[] = "Value $key is not set"; 
      } 
      // You can add more validation in here, such as: 
      if(!is_numeric($value)) 
      { 
       $ierrors[] = "Value $key contains an invalid value '$value'"; 
      } 
     } 

     // Join all of the values together to produce the desired output 
     $all .= implode('|', $values) . "\n\n"; 
    } 

    var_dump($all); 

} 

?> 

<form action="form.php" method="post"> 

    <input type="text" id="p1weight" name="p1weight" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p1length" name="p1length" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p1width" name="p1width" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p1height" name="p1height" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 

    <p>&nbsp;</p> 

    <input type="text" id="p2weight" name="p2weight" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p2length" name="p2length" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p2width" name="p2width" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p2height" name="p2height" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 

    <p>&nbsp;</p> 

    <input type="text" id="p3weight" name="p3weight" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" value="" id="p3length" name="p3length" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" value="" id="p3width" name="p3width" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 
    <input type="text" id="p3height" name="p3height" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /> 

    <p>&nbsp;</p> 

    <input type="submit" name="submitform" id="submitform" /> 

</form> 

</body> 

</html>

來源

2012-03-14 michaelmcgurk

此問題是您不應使用佔位符文本填充表單字段的值屬性的很多原因之一。如果你想擁有佔位符文本，我建議你可以看看some javascript to overlay label元素或查看HTML5 placeholder attribute。

要真正回答你的問題，你可以使用JavaScript提交事件過濾表單字段提交之前發生。像這樣的東西應該讓你開始。

$(function(){ 
    $('form').submit(function(){ 
     $('input[type=text]', this).each(function(){ 
      if (this.value == this.defaultValue) this.value = ''; 
     }); 
    }); 
});

來源

2012-03-14 08:45:15 drzax

非常感謝您的回覆。你能確切地確認我應該把這個放在我的javascript代碼中嗎？ – michaelmcgurk 2012-03-14 08:56:50

在你的問題的代碼中，你可以把它放在'jQuery'（函數（$）{'。 – drzax 2012-03-14 09:27:12

）非常感謝，drzax。剛剛嘗試... – michaelmcgurk 2012-03-14 09:58:01

HTTP不張貼禁用輸入。嘗試禁用表單提交時的輸入，以便它不會發布到服務器。

來源

2012-03-14 07:20:26 Nemoy

感謝您的回答。是否有機會提供代碼示例（使用我的代碼）來說明您的答案？我不完全確定從哪裏開始。謝謝:) – michaelmcgurk 2012-03-14 07:29:31

PHP腳本忽略輸入佔位符的文本字段

回答

相關問題