天兴工作室

主题演示站

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

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

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

<< 1 >>
«    2025年5月    »
1234
567891011
12131415161718
19202122232425
262728293031
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
搜索
最新留言
文章归档
网站收藏
友情链接

Powered By Z-BlogPHP 1.7.4

天兴工作室主题演示站点,如遇到问题请联系我们的在线qq:207649916咨询