首页 / JAVASCRIPT / Javascript onclick函数停止工作所需的HTML5

Javascript onclick函数停止工作所需的HTML5

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript onclick函数停止工作所需的HTML5，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1727字，纯文字阅读大概需要3分钟。

内容图文

美好的一天,

我正在处理一个表单,其中所有文本字段都具有必需属性;我注意到,当我点击提交所需属性时,不显示弹出窗口以验证字段是否为空.

我的页面上有两个提交按钮,都使用onclick submitform函数;一个打开一个新选项卡,另一个提交表单并转到新页面.

出于调试目的,我删除了打开新选项卡的按钮,并删除了第二个按钮上的onclick属性,它可以工作;我一直在谷歌搜索,但我似乎无法找到我现在的相同情况.

我相信它与我的JS有关,但我不确定在我的代码上添加或删除的内容;请参阅下面的代码.

JavaScript的

 function submitForm(action,newtab)
 {
    document.getElementById('add2').target = newtab ? '_blank' : '_self';
    document.getElementById('add2').action = action;
    document.getElementById('add2').submit();
 }

HTML

 <form id="add2" action="add5.php" method="post">
 <input placeholder="First Name" tabindex="1"
 name="fname" maxlength="128" size="30" required>
 <input placeholder="Last Name" tabindex="12"
 name="lname" maxlength="128" size="30" required>
 <button tabindex="3" value="Save"
 name="save" onclick="submitForm('add3.php',1);" 
 type="submit">Child Information</button>
 <button tabindex="4" value="Save"
 name="save" onclick="submitForm('add5.php',0);" 
 type="submit">Save Details</button>
 </form>

我有一个按钮属性,但我已将其设置为type =“submit”,我非常确定这是有效的,因为我已经测试了它,当我删除了onclick功能;我的问题是,我可以在不删除JavaScript的onclick功能的情况下使用属性吗？

任何帮助深表感谢.

解决方法:

我找到了我的问题的答案,问题是我将onClick方法绑定到提交. onClick将首先触发,导致它越过验证器.

解决方案是我在我的HTML代码上将onClick更改为onSubmit.

<button tabindex="3" value="Save"
name="save" onsubmit="submitForm('add3.php',1);" 
type="submit">Child Information</button>
<button tabindex="4" value="Save"
name="save" onsubmit="submitForm('add5.php',0);" 
type="submit">Save Details</button>

内容总结

以上是互联网集市为您收集整理的Javascript onclick函数停止工作所需的HTML5全部内容，希望文章能够帮你解决Javascript onclick函数停止工作所需的HTML5所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/724916.html

来源：【匿名】