提供zblog模板 emlog模板 dedecms模板的下载和仿站定制
当前位置:网站首页 > 教程 > 正文

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

天兴工作室 2018-07-05 教程 10882 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张

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

没有找到解决你问题的教程?

您可以试着搜索一下或者直接在线提问。我们也提供收费技术支持,有需要可以在线联系我们。

在线提问 在线客服

取消回复欢迎 发表评论:

  • 请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
×58zblog模板×33zblog×27zblogphp×20zblogphp模板×19天兴工作室×16阿里云×12dedecms×11电子券×11ytcms×11zblog企业模板×11zblog插件×10天兴互联×9随意打×9模板×9zblog安装×9zblogphp1.5×9zblog错误×8天兴通讯×8刷机×8企业模板

请登录

社交账号登录

将本文分享给你的朋友们