有人提交我的通讯表单时,我需要使用
JavaScript和jQuery验证输入
由于某种原因,它不起作用.它提交表单而不提示任何错误
这是我到目前为止
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ function go() { if($('#name').val() == '') { alert('error: name is required'); } $('form').submit(); } }); </script> </head> <form method="post" action=""> Name *<input type="text" name="name" id="name"/> E-Mail *<input type="text" name="email" id="email"/> <input class="submit" type="submit" value="Submit" name="submit" id="submit" onclick="go();"> </form>
为什么我没有在名字中添加任何内容时看不到警报,然后提交表单?
解决方法
而不是在submit按钮上使用onclick,在form元素上使用onsubmit =“return go()”,或者使用jQuery $(‘form’).submit(function(){…});
并且,一旦遇到错误,您需要从函数返回false,以防止它进一步执行.