php - お問い合わせフォームに入力する際にヘルプが必要

Question

次のコードでお問い合わせフォームを作成しています

<?php

$action = $_SERVER['PHP_SELF'];

$fname = $_POST['fname'];
$phone = $_POST['phone'];
$e_mail = $_POST['e_mail'];
$service = $_POST['service'];
$maker = $_POST['maker'];
$model = $_POST['model'];
$year = $_POST['year'];
$message = $_POST['message'];


$headers = 'From: me <reply@locallockman.com>';
$thankyou = "thankyou.html"; // thank you page
if(isset($_POST['fname']) && isset($_POST['phone']) && isset($_POST['e_mail']) && isset($_POST['service']) && isset($_POST['maker']) && isset($_POST['model']) && isset($_POST['year']) && isset($_POST['message'])){
    $fname = $_POST['fname'];
    $phone = $_POST['phone'];
    $e_mail = $_POST['e_mail'];
    $type = $_POST['service'];
    $maker = $_POST['maker'];

    $model = $_POST['model'];

    $year = $_POST['year'];
    $message = $_POST['message'];

    if(empty($phone)){
        echo 'Please fill all fields.';
    }
    else{
        if(mail($to,$subject,$body,$headers)){
        header('Location: thankyou.html');

        }
        else{
            echo 'There was an error sending email/s.';
        }
    }

}

?>

それは完全に機能しますが、ユーザーが別のオプションを選択したときにテキストフィールドを無効にしたいです。そのためにjavascriptを使用しています。これがコードです

 <script>
    function findselected(){
var state = document.getElementById('#type');
var notus = document.getElementById('#model');
var year = document.getElementById('#year');
var maker = document.getElementById('#maker');
(state.value == "Automotive Service")? notus.disabled = false : notus.disabled =  true;
(state.value == "Automotive Service")? year.disabled = false : year.disabled =  true;
(state.value == "Automotive Service")? maker.disabled = false : maker.disabled =  true;
}
</script>

これがhtmlコードです

<select name="service" id="type" onchange="findselected()">
    <option value="Not Selected">Select Service Type</option>
    <option value="Residential Service">Residential Service</option>
    <option value="Commercial Service">Commercial Service</option>
    <option value="Industrial Service">Industrial Service</option>
    <option value="24/7 or Emergency Service">24/7 or Emergency Service</option>
    <option value="Automotive Service">Automotive Service</option>
    </select>
<select name="maker" id="maker" disabled="disabled" style="margin-left:36px;" autocomplete="on">
      <option value="Not Selected" selected="selected" ><strong>Select Car Make</strong></option>
      <option value="Acura" >Acura</option>
      <option value="Audi">Audi</option>
      <option value="BMW">BMW</option>
      <option value="Buick">Buick</option>
      <option value="Cadillac">Cadillac</option>
      <option value="Chevrolet">Chevrolet</option>
      <option value="Chrysler">Chrysler</option>
      <option value="Daewoo">Daewoo</option>
      <option value="Dodge">Dodge</option>
      <option value="Fiat">Fiat</option>
      <option value="Ford">Ford</option>
      <option value="General Motors">General Motors</option>
      <option value="Honda">Honda</option>
      <option value="Hummer">Hummer</option>
      <option value="Hyundai">Hyundai</option>
      <option value="Isuzu">Isuzu</option>
      <option value="Infinity">Infinity</option>
      <option value="Jaguar">Jaguar</option>
      <option value="Jeep">Jeep</option>
      <option value="Kia">Kia</option>
      <option value="Lexus">Lexus</option>
      <option value="Lincoln">Lincoln</option>
      <option value="Mercedes">Mercedes Benz</option>
      <option value="Mazda">Mazda</option>
      <option value="Mercury">Mercury</option>
      <option value="Mini">Mini</option>
      <option value="Mitsubishi">Mitsubishi</option>
      <option value="NISSAN">NISSAN</option>
      <option value="Plymouth">Plymouth</option>
      <option value="Pontiac">Pontiac</option>
      <option value="Porche">Porche</option>
      <option value="Saab">Saab</option>
      <option value="Saturn">Saturn</option>
      <option value="Subaru">Subaru</option>
      <option value="Suzuki">Suzuki</option>
      <option value="Toyota">Toyota</option>
      <option value="Volkswagen">Volkswagen</option>
      <option value="Volvo">Volvo</option>
    </select>
        <input type="text" name="model" id="model" style="margin-left:83px;" class="text-box" autocomplete="on" disabled="disabled" value=" "/><br /><br />
        Model Year:
        <input type="text" name="year" id="year" value=" " disabled="disabled" style="margin-left:73px;" class="text-box" autocomplete="on"/>

これが完全なコードです。タグで「自動車サービス」以外のオプションを選択すると、「年」、「モデル」という名前のフィールドと「メーカー」という名前のリストボックスが無効になり、空白の値が電子メールに送信されます。

これは私にとってはうまくいきますが、実行するとフォームが機能しません。Automotive Service を選択すると、フォームが機能し、テキストフィールドの「年」と「モデル」が有効になり、フォームが機能します。しかし、フィールドから他のオプションを選択すると、テキストフィールドが無効になり、フォームが機能しなくなります。どうすれば修正できますか。助けてください。

ご不明な点がございましたら、お知らせください。

score 1 · Accepted Answer

あなたのJSは正しくありませんでした。#ネイティブ Javascriptで inを使用することはできませんgetElementById('#type')(jQuery と混同される可能性があると思います)。

これが正しいコードです。

  function findselected(){
    var state = document.getElementById('type');
    var notus = document.getElementById('model');
    var year = document.getElementById('year');
    var maker = document.getElementById('maker');
    notus.disabled = (state.value == "Automotive Service") ? false : true;
    year.disabled = (state.value == "Automotive Service") ? false : true;
    maker.disabled = (state.value == "Automotive Service") ?  false : true;
  }

デモ: http://jsfiddle.net/F2PLF/1/

更新:、およびifの php コードの条件を書き直す必要がある場合があります。それらが無効になっている場合、値はサーバーに送信されません。したがって、このように条件からそれらを削除できます$_POST['maker']$_POST['model']$_POST['year']if

if(isset($_POST['fname']) && isset($_POST['phone']) && isset($_POST['e_mail']) && isset($_POST['service']) && isset($_POST['message'])){

ifまたは、ドロップダウンから選択した値に基づいて条件を書き直す必要がある場合があります<select>

score 0 · Accepted Answer

$_POST[] 配列の空の値を取得するには、この投稿が役立ちます

jsで単純なifループを使ってみてください

お気に入り：

function findselected(){

if(document.getElementById("type").value=="Automated Service")
    {
    notus.disabled = (state.value == "Automotive Service") ? false : true;
        year.disabled = (state.value == "Automotive Service") ? false : true;
        maker.disabled = (state.value == "Automotive Service") ?  false : true;
    }
}

score 0 · Accepted Answer

フォーム要素はdisabled送信されないため、では使用できません$_POST。だからこの行 -

if(isset($_POST['fname']) && isset($_POST['phone']) && isset($_POST['e_mail']) && isset($_POST['service']) && isset($_POST['maker']) && isset($_POST['model']) && isset($_POST['year']) && isset($_POST['message']))

失敗します。

を使用するか、送信時にread-onlyを削除するか、またはdisabledif(isset())...

参照 - http://www.w3.org/TR/html401/interact/forms.html#h-17.12

php - お問い合わせフォームに入力する際に​​ヘルプが必要

3 に答える 3

Related

Reference

php - お問い合わせフォームに入力する際にヘルプが必要