XML  HTML  企业网站建设     RSS订阅深圳网站建设,网络营销,深圳网络推广,深圳seo,草根网络创业者
你的位置:首页 » 建站资料 » 正文

织梦dedecms自定义表单前端验证是否填写

选择字号: 超大 标准 聚网志成 发布于2019-06-12 属于 建站资料 栏目  0个评论 141人浏览

今天群里有朋友问到织梦dedecms的自定义表单前端如何验证,表单提交前用户是否输入了数据,没有输入内容的话不要提交,输入内容了,才给提交到后台!今天,小编就来给大家分享下相关方法!

方法/步骤

首先我们要把表单提交的代码改造下,红色加粗部分,主要修改如下

<form method="post" name="form" action="/plus/diy.php" onSubmit="return beforeSubmit(this);">

然后加上JS验证

<script>
function beforeSubmit(form) {
            if (form.name.value == '') {
                alert('姓名不能为空!');
                form.name.focus();
                return false;
            }
            if (form.tel.value == '') {
                alert('请输入您的电话');
                form.tel.focus();
                return false;
            }
            if (form.msg.value == '') {
                alert('请输入留言内容!');
                form.msg.focus();
                return false;
            }
            return true;
        }
</script>

加粗部分是要验证的字段名,如果验证多个,就把上面的代码多添加几次即可!

效果

如果你觉得本文对你有帮助就点个赞吧!

没有解决?点击这里呼叫大神来帮忙(付费)!


诺伊网博客欢迎您的查阅与支持

标签:

亲!深圳网站建设,网站运营,seo,草根创业博客请您点赞
  • 流泪

    0

  • 打酱油

    0

  • 开心

    0

  • 点赞

    0

  • 差评

    0

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门文章
热评文章
    随机文章 | 热门文章 | 最新文章
随机文章
扫一扫,加我为微信好友 加我为微信好友

博主承接网站建设业务

域名注册 香港虚拟主机

免费源码 B2B信息发布

客服: 客服

技术: 技术

售后: 售后

电话:075536891206

手机:13530151322

在线联系