更多



January 8, 2018

DeDeCMS自定义表单实现字段默认为必填项

大 | 中 | 小
不指定 | Category : 建站优化 | Posted by 郝聪 at 18:35 引用(0)

默认的dedecms自定义表单却没有必填项的设置，如果要设置织梦自定义表单的必填项，需要进行额外的修改！

步骤一：通过修改程序源文件实现数据入库前的必填验证

1、编辑 /plus/diy.php文件，在第40行左右找到代码：

XML/HTML代码
        
  1. $dede_fields = empty($dede_fields) ? '' : trim($dede_fields);  

2、在这行代码下面，添加以下代码后保存文件：

XML/HTML代码
        
  1. //增加必填字段判断  
    2.     
  2. if($required!=''){  
    3.     
  3.     if(preg_match('/,/', $required)){  
    4.     
  4.         $requireds = explode(',',$required);  
    5.     
  5.         foreach($requireds as $field){  
    6.     
  6.             if($$field==''){  
    7.     
  7.                 showMsg('带*号的为必填内容，请正确填写', '-1');  
    8.     
  8.                 exit();  
    9.     
  9.             }  
    10.     
  10.         }  
    11.     
  11.     }else{  
    12.     
  12.         if($required==''){  
    13.     
  13.             showMsg('带*号的为必填内容，请正确填写', '-1');  
    14.     
  14.             exit();  
    15.     
  15.         }  
    16.     
  16.     }  
    17.     
  17. }  
    18.     
  18. //end  

3、在创建的自定义表单中找到代码：

XML/HTML代码
        
  1. <form action="/plus/diy.php" enctype="multipart/form-data" method="post">  

在上述代码下面，添加代码：

XML/HTML代码
        
  1. <input type="hidden" name="required" value="数据字段名,数据字段名" />  

注意这行代码要修改下，根据你的表单所需要设置的必填项，例如设置“姓名”、“邮箱”为必填项。示例：

XML/HTML代码
        
  1. <input type="hidden" name="required" value="name,email" />  

5、保存后，必填项设置完成，当用户提交表单时间，系统检查到必填项没有输入内容，就会提示“带*号的为必填内容，请正确填写”。

步骤二：通过javascript脚本代码实现页面数据必填检测

1、把以下代码保存为bitian.js文件：

XML/HTML代码
        
  1. $(document).ready(function() { //complain为自定义表单的ID，如果生成的表单没有可以自行加上，即 id="complain"
    2.     
  2.     //验证  
    3.     
  3.     $('#complain').submit(function () { //#name为要验证表单中的ID，如想让用户名不能为空，在后台用户名的数据字段名设为name，下同
    4.     
  4.         if($('#name').val()==""){  
    5.     
  5.             $('#name').focus();  
    6.     
  6.             alert("用户名不能为空！");  
    7.     
  7.             return false;  
    8.     
  8.         }  
    9.     
  9.         if($('#tel').val()=="") {  
    10.     
  10.             $('#tel').focus();  
    11.     
  11.             alert("联系电话不能为空！");  
    12.     
  12.             return false;  
    13.     
  13.         }  
    14.     
  14.         if($('#title').val()=="") {  
    15.     
  15.             $('#title').focus();  
    16.     
  16.             alert("标题不能为空！");  
    17.     
  17.             return false;  
    18.     
  18.         }  
    19.     
  19.         if($('#text').val()=="") {  
    20.     
  20.             $('#text').focus();  
    21.     
  21.             alert("具体内容不能为空！");  
    22.     
  22.             return false;  
    23.     
  23.         }  
    24.     
  24.     })  
    25.     
  25. });  

2、在表单模板文件中，调用中添加上面的JS文件：

XML/HTML代码
        
  1. <script src='文件路径/js.js' type="text/javascript"></script>  

最后编辑： 郝聪 编辑于2018/01/09 09:23
From: 本站原创
0 Comment(s)
发表评论
昵称
密码 [ 游客无需密码 ]
电邮
网址
打开HTML 打开UBB 打开表情 隐藏 记住我