注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

教程

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

当前位置:网站首页 教程 正文

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

天兴工作室 2018-07-05 教程 485 ℃ 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值了,以此类推,根据自己需求修改就行了。

简单的JQ表单验证代码怎么写?简单的表单验证代码示例 js表单验证 jq表单验证 表单验证 教程 第1张

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

赞 (1)

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

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

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

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