EditText过滤特殊符号

EditText过滤特殊符号

序言

在开发过程中总是会遇到产品要求某个输入框只能输入特定的字符。因为这些特殊字符作为url连接参数,sql语句参数等地方会有问题。

需求如下

  • 只能输入某些特定的字符
  • 在用户输入不正确的字符的时候不显示这些错误字符
  • 不能有奇怪的bug

思路

那么这边会快速的想到三种解决方案

  1. 过滤器,使用过滤器InputFilter可以直接过滤掉不想要的字符
  2. 监听键盘点击事件,只让用户点击需要的按键才有反应
  3. 监听EditText输入框的变化

实践

我们这边的案例需求为可以输入数字、英文、汉字,不能输入任何中英文标点符号,以及emoji表情。

1. 使用过滤器

那么我们在网络上找到了两种实现方案,一种是直接继承InputFilter另一种是继承InputFilter的子类,使用方法如下(kotlin代码):

editText.filters = arrayOf(EtInputFilters())

下面是InputFilter(Java)实现类:

import android.text.InputFilter;
import android.text.Spanned;
import android.text.TextUtils;

import java.util.regex.Matcher;
import java.util.regex.Pattern;

public class EtInputFilters implements InputFilter {

    /**
     * 限制输入的最大值
     */
    public static final int TYPE_MAXNUMBER = 1;

    /**
     * 限制输入最大长度
     */
    public static final int TYPE_MAXLENGTH = 2;

    /**
     * 限制输入小数位数
     */
    public static final int TYPE_DECIMAL = 3;

    /**
     * 限制输入最小整数
     */
    public static final int TYPE_MINNUMBER = 4;

    /**
     * 限制输入手机号
     */
    public static final int TYPE_PHONENUMBER = 5;
    /**
     * 限制输入数字,汉字,英文
     */
    public static final int TYPE_NORMAL = 6;

    private Pattern mPattern;
    private double mMaxNum; //最大数值
    private int mMaxLength; //最大长度

    private int mType = 0;

    public EtInputFilters(int type) {
        this.mType = type;
    }

    @Override
    public CharSequence filter(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
        switch (mType) {
            case TYPE_MAXNUMBER:
                return filterMaxNum(source, start, end, dest, dstart, dend);
            case TYPE_MAXLENGTH:
                return filterMaxLength(source, start, end, dest, dstart, dend);
            case TYPE_DECIMAL:
                return filterDecimal(source, dest, dstart, dend);
            case TYPE_MINNUMBER:
                return filterMinnum(source, dest, dstart);
            case TYPE_PHONENUMBER:
                return filterPhoneNum(source, dest, dstart);
            case TYPE_NORMAL:
                return stringFilter(source);
        }
        return source;
    }


    /**
     * 最大值的限制
     *
     * @param min           允许的最小值
     * @param maxNum        允许的最大值
     * @param numOfDecimals 允许的小数位
     */
    public EtInputFilters setMaxNum(int min, double maxNum, int numOfDecimals) {
        this.mMaxNum = maxNum;
        this.mPattern = Pattern.compile("^" + (min < 0 ? "-?" : "")
                + "[0-9]*\\.?[0-9]" + (numOfDecimals > 0 ? ("{0," + numOfDecimals + "}$") : "*"));
        return this;
    }

    /**
     * 过滤最大值
     */
    private CharSequence filterMaxNum(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
        if (source.equals(".")) {
            if (dstart == 0 || !(dest.charAt(dstart - 1) >= '0' && dest.charAt(dstart - 1) <= '9') || dest.charAt(0) == '0') {
                return "";
            }
        }
        if (source.equals("0") && (dest.toString()).contains(".") && dstart == 0) {
            return "";
        }

        StringBuilder builder = new StringBuilder(dest);
        builder.delete(dstart, dend);
        builder.insert(dstart, source);
        if (!mPattern.matcher(builder.toString()).matches()) {
            return "";
        }

        if (!TextUtils.isEmpty(builder)) {
            double num = Double.parseDouble(builder.toString());
            if (num > mMaxNum) {
                return "";
            }
        }
        return source;
    }


    /**
     * 设置最大长度
     *
     * @param maxLength 最大长度
     */
    public EtInputFilters setMaxNum(int maxLength) {
        this.mMaxLength = maxLength;
        return this;
    }

    /**
     * 过滤最大长度
     */
    private CharSequence filterMaxLength(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {
        int keep = mMaxLength - (dest.length() - (dend - dstart));
        if (keep <= 0) {
            return "";
        } else if (keep >= end - start) {
            return null; // keep original
        } else {
            keep += start;
            if (Character.isHighSurrogate(source.charAt(keep - 1))) {
                --keep;
                if (keep == start) {
                    return "";
                }
            }
            return source.subSequence(start, keep);
        }
    }


    /**
     * 设置可输入小数位数
     *
     * @param decimal 允许的小数位
     */
    public EtInputFilters setDecimal(int decimal) {
        this.mPattern = Pattern.compile("^[0-9]*\\.?[0-9]"
                + (decimal > 0 ? ("{0," + decimal + "}$") : "*"));
        return this;
    }

    /**
     * 过滤小数
     */
    private CharSequence filterDecimal(CharSequence source, Spanned dest, int dstart, int dend) {
        if (source.equals(".")) {
            if (dstart == 0 || !(dest.charAt(dstart - 1) >= '0' && dest.charAt(dstart - 1) <= '9') || dest.charAt(0) == '0') {
                return "";
            }
        }
        if (source.equals("0") && (dest.toString()).contains(".") && dstart == 0) { //防止在369.369的最前面输入0变成0369.369这种不合法的形式
            return "";
        }
        StringBuilder builder = new StringBuilder(dest);
        builder.delete(dstart, dend);
        builder.insert(dstart, source);
        if (!mPattern.matcher(builder.toString()).matches()) {
            return "";
        }

        return source;
    }

    /**
     * 设置只能输入整数,限制最小整数
     *
     * @param minnum 最小整数
     */
    public EtInputFilters setMinnumber(int minnum) {
        this.mPattern = Pattern.compile("^" + (minnum < 0 ? "-?" : "") + "[0-9]*$");
        return this;
    }

    /**
     * 过滤整数
     */
    private CharSequence filterMinnum(CharSequence source, Spanned dest, int dstart) {
        StringBuilder builder = new StringBuilder(dest);
        builder.insert(dstart, source);
        if (!mPattern.matcher(builder.toString()).matches()) {
            return "";
        }
        return source;
    }

    /**
     * 设置只能输入手机号
     *
     * @return
     */
    public EtInputFilters setPhone() {
        this.mPattern = Pattern.compile("^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(1[57]))\\d{8}$");
        return this;
    }

    /**
     * 过滤手机号
     */
    private CharSequence filterPhoneNum(CharSequence source, Spanned dest, int dstart) {
        StringBuilder builder = new StringBuilder(dest);
        builder.insert(dstart, source);
        int length = builder.length();
        if (length == 1) {
            if (builder.charAt(0) == '1') {
                return source;
            } else {
                return "";
            }
        }

        if (length > 0 && length <= 11) {
            if (mPattern.matcher(builder.toString()).matches()) {
                return source;
            } else {
                return "";
            }
        }
        return "";
    }

    public CharSequence stringFilter(CharSequence source) {
        // 只允许字母、数字和汉字
        String regEx = "[^a-zA-Z0-9\u4E00-\u9FA5]";//正则表达式
        Pattern p = Pattern.compile(regEx);
        Matcher m = p.matcher(source);
        return m.replaceAll("").trim();
    }
}

那么这个方案有致命的缺陷,在华为mate10、华为mate20、还有部分vivo手机上。他们自带的原皮百度版输入法,百度输入法vivo版,出现了按删除按钮edittext也会显示联想词汇的问题,以及英文输入法界面“.”和“?”这两个按钮点击会直接删除已有的文字。 经过一番搜索之后发现是百度输入的bug,只要换个输入法皮肤就好了,但毕竟不能逃避问题,那我们用下面这个filter

import android.text.LoginFilter;

public class MyInputFilter extends LoginFilter.UsernameFilterGMail {
    public MyInputFilter() {
        super();
    }

    @Override
    public boolean isAllowed(char c) {
//        return true;
        if ('0' <= c && c <= '9')
            return true;
        if ('a' <= c && c <= 'z')
            return true;
        if ('A' <= c && c <= 'Z')
            return true;
        if ('.' == c || '?' == c)
            return false;
        else
            return isChineseByBlock(c);
    }

    //使用UnicodeBlock方法判断
    public boolean isChineseByBlock(char c) {
        Character.UnicodeBlock ub = Character.UnicodeBlock.of(c);
        return ub == Character.UnicodeBlock.CJK_UNIFIED_IDEOGRAPHS
                || ub == Character.UnicodeBlock.CJK_UNIFIED_IDEOGRAPHS_EXTENSION_A
                || ub == Character.UnicodeBlock.CJK_UNIFIED_IDEOGRAPHS_EXTENSION_B
                || ub == Character.UnicodeBlock.CJK_UNIFIED_IDEOGRAPHS_EXTENSION_C
                || ub == Character.UnicodeBlock.CJK_UNIFIED_IDEOGRAPHS_EXTENSION_D
                || ub == Character.UnicodeBlock.CJK_COMPATIBILITY_IDEOGRAPHS
                || ub == Character.UnicodeBlock.CJK_COMPATIBILITY_IDEOGRAPHS_SUPPLEMENT;
    }
}

那么问题来了,这个还是有英文输入法界面“.”和“?”这两个按钮点击会直接删除已有的文字。 的问题这是不能忍的。

那么到这里九十九步差一步就实现需求了,我们想到了监听点击事件来屏蔽掉.和?这两个按钮。

监听点击事件

那么好onkeydown还有其他的两个key事件全部监听失败没有抓取到任何的键盘输入信息,至此以上流程走不通。单独的监听键盘点击也是不可取的,因为你要屏蔽的按钮也可能会联想出表情包。

直接通过监听EditText的文字变化

这里就有个问题了就是光标的处理,一开始用上面的办法就是为了避免光标的计算问题才迂回处理的。

思路

  • changeListener有start这个值那么你就可以根据这个值去设置光标而不会IndexOutOfBoundException
  • 在变化的一瞬间就干掉不符合规则的输入
  • 如果本身输入框里面有文字,那么第一次显示的时候就要把不符合的规则的文字全删掉,然后把光标放到字符串最后一格

代码如下(kotlin)

    override fun afterTextChanged(s: Editable?) {
    }

    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
    }

    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
        var string = s.toString()
        val chars = string.toCharArray()
        for (char in chars) {
            if (!isAllowed(char)) {
                string = string.replace(char.toString(), "")
            }
        }
        if (string != s.toString()) {
            text.setText(string)
            text.setSelection(start)
        }
    }
    
    private fun isAllowed(c: Char): Boolean {
        //        return true;
        if (c in '0'..'9')
            return true
        if (c in 'a'..'z')
            return true
        if (c in 'A'..'Z')
            return true
        return if ('.' == c || '?' == c)
            false
        else
            isChineseByBlock(c)
    }
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_edit)
        text.addTextChangedListener(this)
        
        var content = intent.getStringExtra(Constant.CONTENT)
        val chars = content.toCharArray()
        for (char in chars) {
            if (!isAllowed(char)) {
                content = content.replace(char.toString(), "")
            }
        }
        text.setText(content)
        text.setSelection(text.length())
    }

以上代码直接设置到对应的EditText上就可以了。在每次设置EditText文字的时候需要自己手动的去删除不符合标准的字符比如上面的onCreate方法里面。试运行不兼容的机型没有任何问题,试运行本来就没啥问题的小米和nexus也没有问题。

结语

谷歌本身给的过滤器还是机型适配有问题的,大家还是不要偷懒自己处理光标和第一次显示的过滤来实现吧。希望我的文章会让你们少躺坑。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349