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


Posted in Javascript onJuly 09, 2015

代码检测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.自行完整的网页结构。

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

Javascript 相关文章推荐
javascript类继承机制的原理分析
Sep 12 Javascript
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
jquery选择器之内容过滤选择器详解
Jan 27 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
js设置document.domain实现跨域的注意点分析
May 21 Javascript
JavaScript中Date.toSource()方法的使用教程
Jun 12 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
jQuery实现tab选项卡效果的方法
Jul 08 #Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 #Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 #Javascript
详细分析JavaScript变量类型
Jul 08 #Javascript
js实现图片点击左右轮播
Jul 08 #Javascript
javascript获取重复次数最多的字符
Jul 08 #Javascript
javascript连续赋值问题
Jul 08 #Javascript
You might like
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
老生常谈PHP面向对象之标识映射
2017/06/21 PHP
js每次Title显示不同的名言
2008/09/25 Javascript
Javascript中Eval函数的使用说明
2008/10/11 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
Ajax同步与异步传输的示例代码
2013/11/21 Javascript
JS对象转换为Jquery对象实现代码
2013/12/29 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
javascript 开发之百度地图使用到的js函数整理
2017/05/19 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
vue实现搜索功能
2019/05/28 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
vue props对象validator自定义函数实例
2019/11/13 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
python字典get()方法用法分析
2015/04/17 Python
django批量导入xml数据
2016/10/16 Python
python3中int(整型)的使用教程
2017/03/23 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
从python读取sql的实例方法
2020/07/21 Python
澳洲的服装老品牌:SABA
2018/02/06 全球购物
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
《三亚落日》教学反思
2014/04/26 职场文书
任命书模板
2014/06/04 职场文书
网络技术专业求职信
2014/07/13 职场文书
学校四风对照检查材料
2014/08/28 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
小学优秀教师事迹材料
2014/12/16 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
民间借贷纠纷答辩状
2015/08/03 职场文书
关于应聘教师的自荐信
2016/01/28 职场文书