做一些很小的项目时没有那么多需求,就是简单粗暴的验证表单选项是否填写了,没有填写就弹对话框提示。本文就是来说下这种简单的JQ表单验证代码怎么写?
事先声明:本示例用到了JQ,请先引入JQ库。
思路很简单,就是验证input的val值是否为空,为空就弹提示出来并阻止下一步的运行,代码如下:
$("#myform").submit(function(){ if($("input[name='D1']").val() == ""){ alert("输入您的手机号") $("input[name='D1']").focus(); return false } });
是不是很简单和粗暴???
下面来简单解释下,给你的表单form加一个“myform”的id,这个值当然随便定义,然后就是验证name=“D1”的input的val值了,以此类推,根据自己需求修改就行了。
水文一篇,适合初学者,求大神勿喷。
相关推荐
取消回复欢迎 你 发表评论:
- 最新文章
- 热文排行
- 最多评论
- 1天兴工作室2021年春节放假通知02-08
- 2zblogphp1.7版本正式上线,附zblogphp1.7升级指南和注意事项02-08
- 3主题的暗黑模式是什么?怎么设置和使用暗黑模式?01-19
- 4zblog判断插件是否安装或者启用的代码介绍01-16
- 5translate3d和z-index冲突导致z-inde值无效的解决办法01-10
- 6zblogphp提示“ Call to undefined function openssl_pkey_get_public()”的原因和解决办法12-25
- 7zblogphp1.6版本报错“非法访问”的原因和解决办法12-23
- 8wordpress导航栏自定义添加class和rel="nofollow"的步骤12-13
- 9swiper做导航栏时自动跳转至对应分类的代码12-07
- 标签聚合
- ×3套餐×4https×12012新积分×1电信QQ客服×2zblog升级步骤×17zblog插件×1移动VIP用户×1cn域名×7zblog教程×1红×4错误提示×1沃派36元套餐×1放暑假×1送手机×1zblog不同模板×12zblog企业模板×1暑期特惠×1话费返还规则×2zblog优惠×2php7
最新评论
-
访客
来个限时优惠 -
天兴工作室
不还价的 -
小马过河
能不能便宜点啊 -
中加达移民
个人买过这个网站的主题,可以付责任的说,主题很好好用。另外我不是托! -
吸料机
已经解决