jquery实现表单验证并阻止非法提交
2015-07-09 00:00
911 查看
代码检测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实现鼠标点击弹出渐变层的方法
- jquery.map()方法的使用详解
- jQuery检测某个元素是否存在代码分享
- jquery树插件实现
- 写jQuery插件
- js/jquery关于元素坐标的总结
- 使用onsubmit()验证表单并阻止非法提交(使用jQuery)
- 实现jquery EasyUI tabs选项卡关闭图标后加载自定义事件
- jquery插件--多行文本缩略
- jQuery插件flexigrid使用总结
- 一个典型的 jquery flexigrid配置
- jquery用Ajax中的回调函数时注意事项
- $.browser is undefined解决办法
- js和jquery如何获取图片真实的宽度和高度
- 检测jQuery.js是否已加载的判断代码
- 如何检测 jQuery 的版本
- jquery原型方法map的使用和源码分析
- jQuery中常用事件
- jQuery上传插件Uploadify 3.2用法
- 在线计算器源码(HTML+CSS+jQuery)