javascript - 在表单action=中使用javascript和html表单输入

Question

我有一个简单的表格。用户输入文本，我需要在表单的操作属性中使用该文本。我还需要在表单属性 action 中使用 JavaScript 变量。我需要的另一件事是能够测试表单输入以确保它没问题。

<script>
function validate(form){
var formVal=document.forms["myForm"]["test"].value;

simple test code for formVal

return true;
}


var scrt_var=737; //I've got more code to get this variable, I've just hardcoded it for simplicity
</script>

<FORM name="myForm" method="POST" action='http://www.example.com/viewdetails.php?id='+how to get scrt_var + '&page=' + how to get the text input; onsubmit="return validate(this);">

<input type="text" name="test" value="">
<input type="submit" value="Submit">
</form>

那么我该如何获取 action 属性中的变量 scrt_var 以及输入的文本呢？

Answer 1

这是附加到表单onsubmit 事件的简单事件监听器。它只是连接 url 字符串、输入值和 scrt_var 并将表单提交到给定的 url。

<script>
    var form=document.forms['myForm'];

    form.addEventListener('submit', function(){
        var testVal = this.elements['test'].value,
            scrt_var = 737;
        if(testVal){
            this.action = 'http://www.example.com/viewdetails.php?id=' + scrt_var + '&page=' + testVal;
            this.submit();
        }
    }, false);
</script>

    <form name="myForm" method="POST">
        <input type="text" name="test" value="">
        <input type="submit" value="Submit">
    </form>

我不知道你所说的是什么意思:“我需要的另一件事是能够测试表单输入以确保它没问题。”。 “好的输入值”是非常主观的，并且根据您想要实现的目标而变化。您必须尝试自己验证它(例如，检查该值是否为空);)