当使用onsubmit=动态添加onsubmit时，如何创建onsubmit=“返回groupAdd()”的相同功能？
当使用onsubmit=动态添加onsubmit时，如何创建onsubmit=“返回groupAdd()”的相同功能？
提问于 2014-07-26 12:44:43
只用于添加带有onclick的button事件和收集数据，甚至不需要form element，但是使用HTML5，您可以利用用户提交表单时显示的错误检查和默认消息。
<input type="email" id="addEmail" name="addEmail" placeholder="user@sample.com" value="" required="" title="" />由于类型为email，并且存在一个require属性，浏览器将检查结构良好的电子邮件地址onsubmit。如果值失败，将在输入下显示一条消息，指示用户必须修复该值。
您还可以使用正则表达式，例如
<input type="password" id="addPassword" name="addPassword" placeholder="Password" value="" required="" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$" title="" />你们在一起
<script>
function userAdd(){
*** xmlhttprequest code *******
return false;
}
</script>
<html>
<form action="admin" method="post" onsubmit="return userAdd();">
<input type="email" id="addEmail" name="addEmail" placeholder="user@sample.com" value="" required="" title="" />
<input type="password" id="addPassword" name="addPassword" placeholder="Password" value="" required="" pattern="^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z]{8,}$" title="" />
<input type="submit" value="Submit" />
</form>
</html>当我动态地生成表单元素时，我需要附加一个事件处理程序：
f = document.createElement('form');
addEventHandler(f,'submit', function(){userAdd()});
function addEventHandler(elem,eventType,handler) {
if (elem.addEventListener)
elem.addEventListener (eventType,handler,false);
else if (elem.attachEvent)
elem.attachEvent ('on'+eventType,handler);
}
}我想保留默认提交功能的原因是因为内置了HTML5特性。
如何创建onsubmit=“返回groupAdd()”的相同功能，当使用EventHandler动态添加未提交时？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-07-26 12:58:10
对于使用HTML5 API的DOM2：
f.addEventListener('submit'，函数(E){ if (!userAdd()) { e.preventDefault()；})；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24971150
复制相关文章
相似问题
腾讯云开发者
