织梦网站技术教程网让你更全面的了解和使用织梦cms

当前位置:织梦教程网 > 织梦模板标签 > 给dede自定义表单添加提交验证功能

给dede自定义表单添加提交验证功能

已有人收藏发布时间:2018-10-17 10:46   来源:www.dedejc.com 作者:织梦教程网

解决DEDE自定义表单验证有效性,即实现某个项说必填,某个项可以不用必须填写问题,如果有更好的方法请高手指点:

1、先在要发布表单的模板上加<script src='http://www.dedejs.com/dedecms/style/你的路径/js.js' type="text/javascript"></script>;
2、在你自定义的路径新建文件js.js,然后复制以下内容粘贴保存;
  <!--
$(document).ready(function()
{
    //验证
    $('#complain').submit(function ()
    {
        if($('#name').val()==""){
            $('#name').focus();
            alert("用户名不能为空!");
            return false;
        }
        if($('#tel').val()=="")
        {
            $('#tel').focus();
            alert("联系电话不能为空!");
            return false;
        }
        if($('#title').val()=="")
        {
            $('#title').focus();
            alert("标题不能为空!");
            return false;
        }
        if($('#text').val()=="")
        {
            $('#text').focus();
            alert("具体内容不能为空!");
            return false;
        }
    })
    
});
-->
 

注:
$('#complain').submit(function ()  //complain为自定义表单的ID,如果生成的表单没有可以自行加上,即 id="complain"
if($('#name').val()==""){
$('#name').focus();        //#name为要验证表单中的ID,如想让用户名不能为空, 在后台用户名的数据字段名设为name,下同
3、设置好后更新就可以看到效果了。

标签: 自定义表单提交验证 dedecms自定义表单