我正在使用 Html 5 和 Javascript 开发 Windows 8 Metro 风格应用程序
我的问题很简单,如何编写带有验证的简单表单?
<form id="loginForm">
E-Mail:
<input id="login-email" type="email" name="Username" oninvalid="this.setCustomValidity('Enter email pls')"
maxlength="40" required pattern="^.{2,}@.{2,}$"/>
Password:
<input id="login-password" type="password" name="Password" maxlength="25" required pattern=".{6,10}"/>
<button name="login" type="submit" class="go-login" id="btnlogin" value="LOGIN">LOGIN</button></form>
这是我的 html 5 表单。但问题是地铁风格的事件监听器......
document.getElementById("btnlogin").addEventListener('click', loginClick);
当我单击提交按钮时,EventListener 的“loginClick”函数会启动而不检查 html 5 表单输入元素是否有效。