javascript - 提交和点击不能一起工作

Question

<input type="submit" class="sub" onClick="exefunction2()" id="button">

当我点击提交按钮时 onClick 不工作。我怎样才能解决这个问题？我需要在提交表单时处理此问题，因为 onClick 事件包含值。

Answer 1

最好的方法是像这样在表单标签上调用你的方法:

<form onsubmit="return exefunction2();">
...
</form>

返回false不会提交表单，true会提交!

要发布更多数据(使用 exefunction2 构建)，您可以使用它

<script type="text/javascript">
    function exefunction2(form) {
        //add dynamic values
        var dynValues = {
            "val1": 1,
            "val2": "bla"
        };

        for(var name in dynValues) {
            //check if field exists
            var input = null;
            if(document.getElementsByName(name).length === 0) {
                input = document.createElement('input');
                input.setAttribute('name', name);
                input.setAttribute('type', 'hidden');
                form.appendChild(input);
            }
            else {
                input = document.getElementsByName(name)[0];
            }

            input.setAttribute('value', dynValues[name]);
        }
        return true;
    }
</script>

<form onsubmit="return exefunction2(this);">
    <input type="submit" />
</form>