Javascript 如何创建onsubmit="；的相同功能；返回groupAdd（）；动态添加带有EventHandler的onsubmit时？
使用只需添加一个带有Javascript 如何创建onsubmit="；的相同功能；返回groupAdd（）；动态添加带有EventHandler的onsubmit时？,javascript,html,eventhandler,Javascript,Html,Eventhandler,使用只需添加一个带有按钮的onclick事件，并收集数据，甚至不需要表单元素，但使用HTML5，您可以利用用户提交表单时显示的错误检查和默认消息 <input type="email" id="addEmail" name="addEmail" placeholder="user@sample.com" value="" required="" title="" /> 你所有的一切 <script> function userAdd(){ *** xmlhtt
按钮的onclick
事件，并收集数据，甚至不需要表单元素
，但使用HTML5
，您可以利用用户提交表单时显示的错误检查和默认消息
<input type="email" id="addEmail" name="addEmail" placeholder="user@sample.com" value="" required="" 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>
我想保留默认提交功能的原因是因为内置了HTML5功能
在使用EventHandler动态添加unsubmit时，如何创建与onsubmit=“return groupAdd（）”相同的功能？对于使用DOM2 API的HTML5：
f、 addEventListener（'submit'，函数（e）{if（！userAdd（））{
e、 preventDefault（）；}}）
<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);
}
}