我在表单上捕获提交按钮的代码有效,但我做得对吗?

丹尼尔·卡普兰

我有一个 HTML 表单和它下面的一些 JavaScript 代码。一切正常。但令我烦恼的是,虽然其他所有内容都在函数中,但我捕获提交按钮的方式不在函数中。

那么我这样做正确吗?

我的表格:

<form autocomplete="off" action="/cgi-bin/prl.pl">
<div class="autocomplete" style="width:300px;">
<input id="myInput" type="text" name="myCountry" placeholder="Pick a country" autofocus>
<input id="113" type="submit" value="Ok">
</form>

我的脚本的顶部:

<script>

var form = document.querySelector("form");

form.addEventListener("submit", function(e) 
{
  //////insert code to validate that 
  //////specific data is in my form

  e.preventDefault();
});

function setFocusToInput()
{
    var textbox = document.getElementById("myInput");
    textbox.focus();
}

function autocomplete(inp, arr) 
{
  var currentFocus;
am05mhz

javascript 中的不一致没有任何问题,但如果你喜欢它,你可以做这样的事情:

function validateForm(ev){
    // do some validation
    var valid = false;
    if (!valid){
        ev.preventDefault();
    }
}

var form = document.querySelector("form");
form.addEventListener("submit", validateForm);

注意()附加事件处理程序时没有

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

作者的代码有效,但我的代码无效[Kivy]

来自分类Dev

HTML5表单验证仅在我提交表单时有效吗?

来自分类Dev

我的代码有效,尽管仅在我的机器上

来自分类Dev

我的代码有效,但我不知道为什么

来自分类Dev

我的分治算法有效,但我的代码未返回值

来自分类Dev

我为锻炼编写的代码有效吗?

来自分类Dev

表单提交按钮仅在重新加载后有效

来自分类Dev

我可以在没有提交按钮或没有按Enter的情况下提交表单吗?

来自分类Dev

我对monoid的理解有效吗?

来自分类Dev

Vue当我单击显示密码时,提交按钮有效

来自分类Dev

为什么我的代码在jsfiddle上有效,但在我的HTML文件上却无效

来自分类Dev

我的代码粘贴到按钮中时有效,但不是来自类

来自分类Dev

mktime返回-1,但我希望我的tm结构有效

来自分类Dev

我“解决”了 FizzBuzz,但我不明白它为什么有效

来自分类Dev

为什么我的整数菜单有效,但我的字符菜单无效?

来自分类Dev

我需要为该脚本上的有效电子邮件编辑什么代码

来自分类Dev

是否可以在我的表单提交按钮上使用 onClick 功能?

来自分类Dev

这是有效的方法吗?Eclipse似乎暗示我的代码存在AB问题。.我只是看不到它

来自分类Dev

如何使我的python代码更有效?

来自分类Dev

如何使我的熊猫代码更有效?

来自分类Dev

我的代码仅在插入随机MsgBox时有效

来自分类Dev

IF ELSE函数在简单情况下有效,但我的扩展函数不起作用

来自分类Dev

curl身份验证有效,但我无法到达其他页面

来自分类Dev

Javascript:阶乘函数有效,但我想知道其内部语句的必要性

来自分类Dev

.htaccess 重写 url 有效,但我与某些页面发生冲突

来自分类Dev

Angular 2 / 4 toPromise 有效,但我在使用 Observables 时遇到问题

来自分类Dev

我可以使用更有效的查询吗

来自分类Dev

禁用引导程序验证器的提交按钮,直到整个表单都有效

来自分类Dev

jQuery Validate插件,在表单有效时启用提交按钮

Related 相关文章

  1. 1

    作者的代码有效,但我的代码无效[Kivy]

  2. 2

    HTML5表单验证仅在我提交表单时有效吗?

  3. 3

    我的代码有效,尽管仅在我的机器上

  4. 4

    我的代码有效,但我不知道为什么

  5. 5

    我的分治算法有效,但我的代码未返回值

  6. 6

    我为锻炼编写的代码有效吗?

  7. 7

    表单提交按钮仅在重新加载后有效

  8. 8

    我可以在没有提交按钮或没有按Enter的情况下提交表单吗?

  9. 9

    我对monoid的理解有效吗?

  10. 10

    Vue当我单击显示密码时,提交按钮有效

  11. 11

    为什么我的代码在jsfiddle上有效,但在我的HTML文件上却无效

  12. 12

    我的代码粘贴到按钮中时有效,但不是来自类

  13. 13

    mktime返回-1,但我希望我的tm结构有效

  14. 14

    我“解决”了 FizzBuzz,但我不明白它为什么有效

  15. 15

    为什么我的整数菜单有效,但我的字符菜单无效?

  16. 16

    我需要为该脚本上的有效电子邮件编辑什么代码

  17. 17

    是否可以在我的表单提交按钮上使用 onClick 功能?

  18. 18

    这是有效的方法吗?Eclipse似乎暗示我的代码存在AB问题。.我只是看不到它

  19. 19

    如何使我的python代码更有效?

  20. 20

    如何使我的熊猫代码更有效?

  21. 21

    我的代码仅在插入随机MsgBox时有效

  22. 22

    IF ELSE函数在简单情况下有效,但我的扩展函数不起作用

  23. 23

    curl身份验证有效,但我无法到达其他页面

  24. 24

    Javascript:阶乘函数有效,但我想知道其内部语句的必要性

  25. 25

    .htaccess 重写 url 有效,但我与某些页面发生冲突

  26. 26

    Angular 2 / 4 toPromise 有效,但我在使用 Observables 时遇到问题

  27. 27

    我可以使用更有效的查询吗

  28. 28

    禁用引导程序验证器的提交按钮,直到整个表单都有效

  29. 29

    jQuery Validate插件,在表单有效时启用提交按钮

热门标签

归档