2016-08-03 2 views
0

地区サイト用の簡単なフォームで作業してください。私はPHPで本当にシンプルなフォームを持っています。POSTの値を表示

<form method="post"> 
    <fieldset> 
    <legend>Enter Age and Weight</legend> 
    <label>Age:</label> 
    <input type="text" name="age" value="<?php echo @$_POST['age'] ?>"> 
    <label>weight:</label> 
    <input type="text" name="weight"> 
    <div> 
    <button class="btn" type="submit" name="action" value="enter">Enter</button> 
    </div> 
    </fieldset> 
</form> 

私がしようとしているのは、ユーザーが入力ボタンを押したときに、入力した内容をユーザーに警告したい場合です。

これは、これまでの私のHTMLにあります。

<body onload="document.forms[0].submit()"> 
<form action="/index.php" onsubmit="" method="POST"> 
<script> 
alert(document.getElementsByName("age").value); 
</script> 
</form> 
</body> 

しかし、私は "未定義"と見え続けます。私は、ページロード時に、ユーザが送信ボタンを押したときではなく、スクリプトが実行されているので、それが起こっていると仮定しています。シンプルなアラートを行う方法を混乱させるようなもの。助けをお待ちしています。

+0

これは私の迷惑な動作のようです。確かに、ユーザーは入力した内容を知っています。彼らはテキストボックスでそれを読むことができます。 – developerwjk

+0

それにもかかわらず、あなたはjavascript confirm()関数を探していますか? – developerwjk

+0

彼は、ページがロードされたときに(イベントなしで)呼び出すので、彼は自分のケースでは、アラートを正しく送信する関数を呼び出していないので、重複していません。質問では、フォームが提出されたとき(ボタンを押したときのみ)にアラートを表示したいと言っています。 – Syncro

答えて

-2
<form method="post" id="myform"> 
    <fieldset> 
    <legend>Enter Age and Weight</legend> 
    <label>Age:</label> 
    <input type="text" name="age" value="<?php echo @$_POST['age'] ?>" id="age"> 
    <label>weight:</label> 
    <input type="text" name="weight"> 
    <div> 
    <button class="btn" type="button" name="action" value="enter" onclick="alert(document.getElementById('age').value);document.getElementById('myform').submit()">Enter</button> 
    </div> 
    </fieldset> 
</form> 

これは必要なものですか?

+0

まだ未定義です。 :/ –

+0

新しいコードを試してください。 – phper

0

あなたは、あなたがonsubmitようイベントハンドラに接続する必要があります機能にこのような何かあなたのコードを挿入する必要があります。

HTML:

<form method="post" onsubmit="showData();"> 

JAVASCRIPT:

function showData() { 
    alert(document.getElementsByName("age")[0].value); 
} 

あなたのJavascriptコードに[0]を挿入しましたeの場合、document.getElementsByNameは要素の配列を返すので、この配列は明らかにインデックス0(任意の配列の最初のインデックス)で取り出すことができる値を1つだけ含んでいます。

+0

ありがとう@Syncro!私はそれを試みたが、私は値が表示されていない。私はちょうど私のダミーの着陸ページにまっすぐ行くつもりです。他の提案はありますか? –

+0

これは私が現時点で持っているものです:

<スクリプトタイプ=テキスト/ javascriptの> 関数showdata(){ アラート(" HI」)。 } –