发送没有提交按钮的表单

Posted 2023-03-14

【中文标题】发送没有提交按钮的表单

【英文标题】：Sending the form without the submit button

【发布时间】：2019-09-17 13:18:52

【问题描述】：

我进行分页，我想在表单编号的文本字段中插入页面和表单，当用户按下回车键或将光标移出文本字段时，表单将发送。

<form method="GET" action="/site">
<input type="text" name="page" />
</form>

我该如何解决这个问题？

【参考方案1】：

你可以用纯 Javascipt 做到这一点。下面是一个粗略的伪代码，让您在 IIFE 中开始：

<form method="GET" action="/site">
    <input type="text" name="page" id="yourInput" />
</form>

<script>
(function() 
    var el = document.getElementById('yourInput'); //Get your input by ID
    el.onblur = function()  // when focus lost...
        this.form.submit(); // submit the form
    
)();
</script>

【讨论】：

我收到来自控制台的通知 - Uncaught TypeError: Cannot set property 'onblur' of null

@polyman 这意味着没有 ID 为 yourInput 的元素，或者任何你命名的元素。