当用户输入时，如何实时获取表单结果？

Question

我的网站上有一个名字计算器，它计算每个字母的振动，例如：

• A是振动1，
• B是2，
• C是3，
• 等。

现在，当我在表单中输入一个名字时，我必须按下计算按钮，所以程序计算所有字母的和，并显示总振动。

但是我想让表单动态计算名字的振动，就像你在表格中键入它一样，不需要按下按钮就可以计算出最终振动的总和。

Answer 1

不需要使用AJAX。假设您有一些函数calculate()，您可以简单地收集所有文本输入并将一个事件侦听器绑定到它们，例如

function calculate() { //code }
var inputs = $('input[type="text"]);
inputs.on('keyup', calculate());

有了这段代码，每次在任何有重点的文本输入中出现任何键时，函数都会运行。您还可以考虑按下或键压事件而不是键控。

Answer 2

使用jQuery的keypress函数

$("input").keypress(function(){
   //on each keypress in input this function will be executed, calculate your vibration for letters here and append the result in the result field
});

键压