0

以下に示すように、送信時に表示される確認ダイアログボックスのフォームフィールドの値を使用するにはどうすればよいですか？

<form action='removefinish.php' method='post' "accept-charset='UTF-8'">
Role: <br>
<select name="role">
<option value="" selected="selected"></option>
<option VALUE="Administrator"> Administrator</option>
<option VALUE="Employee"> Employee</option>
</select>
<br>
<label for='username'>ID: &nbsp;</label>  
<br>
<input type='text' name='username' id='username'/>  
<br>
<br><br>
<input type='submit' name='Submit' value='Submit' onclick="return confirm('Are you sure to remove ID: ')";/>
4

5 に答える 5

2

onclick属性を次のように置き換えます。

onclick="return confirm('Are you sure to remove ID ' +
   document.getElementById('username').value + '?')"
于 2012-05-14T04:24:33.847 に答える
1

フォームの送信イベントにフックする必要があります。

あなたの場合、あなたはあなたのform要素にIDを与える必要があります、この例ではそれにIDを与えますformID

<form id="formID" action="removefinish.php" method="post" "accept-charset='UTF-8'">

次に、次のようにフォームのイベントにフックします。

function formHook() {
    document.getElementById('formID').addEventListener('submit', function(e) {
        // This will fire when the form submit button is pressed,
        // or when the user presses enter inside of a field.

        // Get the value from the username field.
        var value = document.getElementByID('username').value;

        // Ask the user to confirm.
        if (!confirm('Are you sure you wish to remove ' + value + ' from the database?')) {
            // Stop the form from processing the request.
            e.preventDefault();
            return false;
        }
    }, false);
}

ドキュメントがロードされた後にこれを行う必要があります。これは、JavaScriptがフォームに追加される前に確認するのではなく、フォームを確実に検出できるようにするためです。これを行うには、次のようなものを使用できます。

window.addEventListener('load', formHook, false);

これで、ドキュメントの読み込みが完了すると、formHook関数が呼び出されます。

于 2012-05-14T04:23:30.847 に答える
0

あなたは出来るreturn confirm('Are you sure to remove ID: ' + document.getElementById('username').value() ) );"

ただし、おそらくそれから関数を作成し、return customConfirmFunction( );さらにロジックを追加する必要がある場合に備えて、読みやすく、将来にわたって利用できるようにする必要があります。

于 2012-05-14T03:54:05.873 に答える
0

別のページに移動したくない場合は、ajaxを使用するか、フォームアクションを同じリクエストphpファイルに設定できます。

于 2012-05-14T03:58:13.590 に答える
0

あなたはこのようなことをすることができます：-

    <script type="text/javascript">
    var valueText=document.getElementById("username");
    function confirmPopUp()
    {
    var bul=confirm("Are you sure to remove ID"+valueText.value);
    if(bul==true)
    {
    //statements
    }
    else
    {
    //statements
    }
    }
</Script>
于 2012-05-14T04:11:49.307 に答える