HTML表单操作和提交问题
我想在一些文本框条目上运行JavaScript用户validation。
我遇到的问题是,我的表单有进入我们的网站内的新页面的行动,并且onsubmit
属性从不运行javascript函数。
有没有更好的解决scheme,或者与下面的代码一起工作:注意:如果您将操作切换到checkRegistration()
那么javascript文件将被正确写入并且有效。
这只是一个问题,同时运行的动作和JavaScript。
<form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post"> <!-- textboxes here --> <!-- and submit button --> </form>
您应该通过在提交callback上返回false来停止提交过程。
<script> function checkRegistration(){ if(!form_valid){ alert('Given data is not correct'); return false; } return true; } </script> <form onsubmit="return checkRegistration()"...
更新:
在这里你有充分的工作示例,表单将只提交时,你写入谷歌input,否则将返回错误:
<script> function checkRegistration(){ var form_valid = (document.getElementById('some_input').value == 'google'); if(!form_valid){ alert('Given data is incorrect'); return false; } return true; } </script> <form onsubmit="return checkRegistration()" method="get" action="http://google.com"> Write google to go to google..<br/> <input type="text" id="some_input" value=""/> <input type="submit" value="google it"/> </form>
尝试
onsubmit="return checkRegistration()"