注册 登录 提供zblog模板_zblog主题_wordpress模板的下载和定制

教程

分享一些有关于zblog的教程,这里有zblog初级教程、zblog中级教程和zblog进阶版教程,如果对你有所帮助,深感荣幸

当前位置:首页 > 教程 正文

简单的JQ表单验证代码怎么写?简单的表单验证代码示例

天兴工作室 2018-07-05 教程 12433 ℃ 0 评论

做一些很小的项目时没有那么多需求,就是简单粗暴的验证表单选项是否填写了,没有填写就弹对话框提示。本文就是来说下这种简单的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值了,以此类推,根据自己需求修改就行了。

timg.jpg

水文一篇,适合初学者,求大神勿喷。

这么好的文章居然暂无评论!来一个吧...

欢迎 发表评论

这是标题

这是标题

这是标题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

微信公众号
  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章