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也没有问题。

结语

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值