在文本字段后方加一个字数控制。
开发思路:
重写Text字段类别
实现步骤:
1、新建文件
dayrui/My/Field/Text.php
2、代码修改
<?php namespace My\Field; // 这里要改成My前缀 class Text extends \Phpcmf\Field\Text { /** * 字段相关属性参数 * * @param array $value 值 * @return string */ public function option($option) { // 这里增加字数限制设置选项 $style = ' <div class="form-group"> <label class="col-md-2 control-label">'.dr_lang('输入字数限制').'</label> <div class="col-md-10"> <label><input type="text" class="form-control" size="10" name="data[setting][option][zishu]" value="'.$option['zishu'].'"></label> <span class="help-block">'.dr_lang('要求最大输入的字数,超过会禁止提交').'</span> </div> </div> <div class="form-group"> <label class="col-md-2 control-label">'.dr_lang('控件宽度').'</label> <div class="col-md-10"> <label><input type="text" class="form-control" size="10" name="data[setting][option][width]" value="'.$option['width'].'"></label> <span class="help-block">'.dr_lang('[整数]表示固定宽度;[整数%]表示百分比').'</span> </div> </div> <div class="form-group"> <label class="col-md-2 control-label">'.dr_lang('密码框模式').'</label> <div class="col-md-10"> <input type="checkbox" name="data[setting][option][ispwd]" '.($option['ispwd'] ? 'checked' : '').' value="1" data-on-text="'.dr_lang('开启').'" data-off-text="'.dr_lang('关闭').'" data-on-color="success" data-off-color="danger" class="make-switch" data-size="small"> <span class="help-block">'.dr_lang('开启之后它将作为密码框来显示').'</span> </div> </div> <div class="form-group"> <label class="col-md-2 control-label">'.dr_lang('验证重复').'</label> <div class="col-md-10"> <input type="checkbox" name="data[setting][option][unique]" '.($option['unique'] ? 'checked' : '').' value="1" data-on-text="'.dr_lang('开启').'" data-off-text="'.dr_lang('关闭').'" data-on-color="success" data-off-color="danger" class="make-switch" data-size="small"> <span class="help-block">'.dr_lang('开启将会判断此字段的唯一性(本字段只对内容模块主表有效)').'</span> </div> </div> '; $option = $this->field_type($option['fieldtype'], $option['fieldlength']).' <div class="form-group"> <label class="col-md-2 control-label">'.dr_lang('默认填充值').'</label> <div class="col-md-10"> <label><input id="field_default_value" type="text" class="form-control" size="20" value="'.$option['value'].'" name="data[setting][option][value]"></label> <label>'.$this->member_field_select().'</label> <span class="help-block">'.dr_lang('也可以设置会员表字段,表示用当前登录会员信息来填充这个值').'</span> </div> </div> '; return [$option, $style]; } /** * 字段入库值 * * @param array $field 字段信息 * @return void */ public function insert_value($field) { if ($field['setting']['option']['zishu']) { // 验证字数 $value = \Phpcmf\Service::L('Field')->post[$field['fieldname']]; if (mb_strlen($value) > $field['setting']['option']['zishu']) { \Phpcmf\Service::C()->_json(0, '字数超限了', ['field' => $field['fieldname']]); } } parent::insert_value($field); } /** * 字段表单输入 * * @param string $field 字段数组 * @param array $value 值 * @return string */ public function input($field, $value = null) { // 字段禁止修改时就返回显示字符串 if ($this->_not_edit($field, $value)) { return $this->show($field, $value); } // 字段存储名称 $name = $field['fieldname']; // 字段显示名称 $text = ($field['setting']['validate']['required'] ? '<span class="required" aria-required="true"> * </span>' : '').$field['name']; // 表单宽度设置 $width = \Phpcmf\Service::_is_mobile() ? '100%' : ($field['setting']['option']['width'] ? $field['setting']['option']['width'] : 200); // 风格 $style = 'style="width:'.$width.(is_numeric($width) ? 'px' : '').';"'; // 表单附加参数 $attr = $field['setting']['validate']['formattr']; // 字段提示信息 $tips = ($name == 'title' && APP_DIR) || $field['setting']['validate']['tips'] ? '<span class="help-block" id="dr_'.$field['fieldname'].'_tips">'.$field['setting']['validate']['tips'].'</span>' : ''; // 当字段必填时,加入html5验证标签 $required = $field['setting']['validate']['required'] ? ' required="required"' : ''; // 是否密码框 $type = $field['setting']['option']['ispwd'] ? 'password' : 'text'; // 字段默认值 $value = strlen($value) ? $value : $this->get_default_value($field['setting']['option']['value']); $str = '<input class="form-control '.$field['setting']['option']['css'].'" type="'.$type.'" name="data['.$field['fieldname'].']" id="dr_'.$field['fieldname'].'" value="'.$value.'" '.$style.' '.$required.' '.$attr.' />'; if ($field['setting']['option']['zishu']) { // 验证字数 $str = '<label>'.$str.'</label><label style="margin-left:10px"><span id=\'dr_'.$field['fieldname'].'_msg\'>'.mb_strlen($value).'</span>/'.$field['setting']['option']['zishu'].'</label>'; $str.= '<script> function getLength(fData) { var intLength=0 for (var i=0;i<fData.length;i++) { intLength=intLength+1 } return intLength } $(\'#dr_'.$field['fieldname'].'\').keyup(function () { var hidTitleWordNum = parseInt('.$field['setting']['option']['zishu'].'); var titleAreaVal = $(\'#dr_'.$field['fieldname'].'\').val(); var sum = 0; for (var i = 0; i < titleAreaVal.length; i++) { sum = sum + 1; if (sum > hidTitleWordNum) { dr_tips(0, "输入数据超长!不能再输入数据。"); var str = titleAreaVal.substring(0, i); $(\'#dr_'.$field['fieldname'].'\').val(str); $(\'#dr_'.$field['fieldname'].'_msg\').html(hidTitleWordNum); break; } else { $(\'#dr_'.$field['fieldname'].'_msg\').html(sum); } } }); </script>'; } return $this->input_format($field['fieldname'], $text, $str.$tips); } }
3、自定义字段,设置长度