通过javascript提示获取表单的信息

Getting information for get form via javascript prompt

本文关键字：信息 表单 获取 javascript 提示 通过      更新时间：2023-09-26
*
<form id="5" form method="get" action="http://crimson-craft.buycraft.net/checkout/packages">
    <input type="hidden" name="direct" value="true">
    <input type="hidden" name="action" value="add">
    <input type="hidden" name="package" value="1250806">
    <input type="hidden" name="ign" value=username>
</form>
<script>
    function buynow5() {  
    var username = prompt("Please enter your MineCraft username", "");  
    if (username != null) {
            document.getElementById("5").submit();
        }
    }
</script>
<a href="javascript:void(0);" onclick="buynow5()" class="sign_up radius3">Buy Now</a>

*

因此，java脚本弹出窗口工作并要求输入，然后提交表单，但表单没有传递变量。如果这是一个愚蠢的问题，我很抱歉，但我对此很陌生。

修复：

更改此设置：

<input type="hidden" name="ign" value=username>

对此：

<input id="usernameInput" type="hidden" name="ign" value="">

然后像这样更新您的方法：

function buynow5() {  
    var username = prompt("Please enter your MineCraft username", "");  
    if (username) {
        document.getElementById('usernameInput').value = username;
        document.getElementById('5').submit();
    }
}

如果没有额外的库，则无法将 JavaScript 属性绑定到 HTML 输入。

提示：

虽然你可以在没有任何库的情况下完成这项工作，但我强烈建议你查看jQuery以促进DOM操作和交互式事件。如果你想要更多的控制和数据绑定，也可以看看AngularJS。

完整代码：

<form id="5" form method="get" action="http://crimson-craft.buycraft.net/checkout/packages">
    <input type="hidden" name="direct" value="true">
    <input type="hidden" name="action" value="add">
    <input type="hidden" name="package" value="1250806">
    <input id="usernameInput" type="hidden" name="ign" value="">
</form>
<script>
    function buynow5() {  
    var username = prompt("Please enter your MineCraft username", "");  
    if (username) {
            document.getElementById('usernameInput').value = username;
            document.getElementById("5").submit();
        }
    }
</script>
<a href="javascript:void(0);" onclick="buynow5()" class="sign_up radius3">Buy Now</a>
相关文章：