jquery实现表单验证并阻止非法提交

代码检测textarea内填写的长度，未填写时提示需要重新填写，少于15字符时提示需要长于15字符，成功时显示所填写建议。

<script type="text/javascript">
//jQuery代码
function confirm()
{
　　if($("#advice").val().length == 0)
{
　　alert("We can't see your advice. Maybe you should fill the form first.");
　　$("#advice").focus();
　　return false;
}
else if($("#advice").val().length <= 15)
{
　　alert("Your advice should longer than 15 letters.");
　　$("#advice").focus();
　　return false;
}
else
{
　　alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
　　return true;
}
}
</script>
<form action="" method="post" onSubmit="return confirm();" >
　　<textarea id="advice" rows="20" cols="50"placeholder="Give us some advice?"></textarea>
　　 <input type="submit"value="Thank you"/>
</form>

>关键点

1.必须要有onSubmit="return confirm();" return 这个词，不可缺少。
2.自行完整的网页结构。

以上所述就是本文的全部内容了，希望大家能够喜欢。

您可能感兴趣的文章:

• Jquery插件easyUi表单验证提交(示例代码)
• jquery+ajax验证不通过也提交表单问题处理
• jQuery中验证表单提交方式及序列化表单内容的实现
• jquery validate和jquery form 插件组合实现验证表单后AJAX提交
• 基于jQuery实现表单提交验证
• jQuery EasyUI提交表单验证
• jQuery form插件之formDdata参数校验表单及验证后提交
• jQuery Real Person验证码插件防止表单自动提交
• Jquery练习之表单验证实现代码
• Jquery表单验证失败后不提交的解决方法