提供zblog模板_zblog主题_wordpress模板的下载和定制

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

天兴工作室 2018-07-05 22:17 教程 13181 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张

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


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

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

在线提问 在线客服

欢迎 发表评论: 取消回复

请填写验证码
  • 最新文章
  • 热文排行
  • 最多评论
标签聚合
  • 登 录
  • 注册账号 忘记密码?
  • 注 册
  • 已有账号?直接登录 忘记密码?
  • 社交账号登录