javascript - 我如何创建一个可以显示我在设计中并排填写的内容的实时表单？

Question

我有一个表格，其中包含卡号、持卡人姓名、到期日期和我想要的东西，比如每当我填写表格时，它应该在将其存储到数据库之前并排显示，有什么帮助吗？

标签： javascriptjqueryajaxbootstrap-4

Answer 1

将其绑定到 jQuery keyup 事件

<form>
  Card No:</br>
  <input type="number">
  <input type="submit" value="submit">
</form>

<p id="display">
</p>

<script>
$(document).ready(function () {
$(":number").keyup(function () { 
$("#display").text($(":number").val());
});
});
</script>