文本字段增加字数统计控制

在文本字段后方加一个字数控制。

开发思路：

重写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、自定义字段，设置长度