Android - 文本输入未使用自定义验证插件进行验证

Question

我正在研究这个插件,我得到一个错误报告,说Android 2.3存在一些问题.

我下载了Android SDK,并尝试了2.3中的插件,似乎发生的是文本输入没有验证,错误没有显示或得到错误.其他输入验证正常.我试过Android 4.0+并且似乎工作正常.我不知道从哪里开始,因为我不知道问题出在哪里,我没有实际的Android手机来调试这些东西,模拟器缺乏开发工具和东西.

我怀疑在这里发布代码转储会有所帮助,但这是validate()可以找到的方法js/idealforms.js."bug"必须来自此处或该文件中的其他位置,除非与CSS相关,我不这么认为.

/** Validates an input
 * @memberOf Actions
 * @param {object} input Object that contains the jQuery input object [input.input]
 * and the user options of that input [input.userOptions]
 * @param {string} value The value of the given input
 * @returns {object} Returns [isValid] plus [error] if it fails
 */
validate: function (input, value) {

  var isValid = true,
      error = '',
      $input = input.input,
      userOptions = input.userOptions,
      userFilters = userOptions.filters

  if (userFilters) {

    // Required
    if (!value && /required/.test(userFilters)) {
      error = (
        userOptions.errors && userOptions.errors.required
          ? userOptions.errors.required
          : 'This field is required.'
      )
      isValid = false
    }

    // All other filters
    if (value) {
      userFilters = userFilters.split(/\s/)
      for (var i = 0, len = userFilters.length; i < len; i++) {
        var uf = userFilters[i],
            theFilter = typeof Filters[uf] === 'undefined' ? '' : Filters[uf],
            isFunction = typeof theFilter.regex === 'function',
            isRegex = theFilter.regex instanceof RegExp
        if (
          theFilter && (
            isFunction && !theFilter.regex(input, value) ||
            isRegex && !theFilter.regex.test(value)
          )
        ) {
          isValid = false
          error = (
            userOptions.errors && userOptions.errors[uf] ||
            theFilter.error
          )
          break
        }
      }
    }

  }

  return {
    isValid: isValid,
    error: error
  }
}

有人可以帮帮我吗？我想让这个插件尽可能多地在平台上运行,但如果没有真正的Android手机就很难做到这一点.

Answer 1

这是当前的代码吗？

我无法指出任何会导致您的问题的具体内容，但有时这些类型的错误是由特定浏览器版本中的怪癖引起的，因此我会检查以下几点：

(1) 我知道分号在 Javascript 中被认为是“可选的”，但我发现如果不包含分号，某些浏览器（尤其是移动浏览器 - 这是从经验中学到的）会出现奇怪的行为。我会在每个声明之后添加它们。

(2) 我看到您在这里引用了 Filters 变量：

        theFilter = typeof Filters[uf] === 'undefined' ? '' : Filters[uf],

您的意思是 userFilters...还是 Filters 是此处未显示的全局变量？

(3) 该变量声明：

$input = input.input,

您真的想调用变量 $input 吗？它没有在任何地方使用。

(4) 当使用&&和||时 我将通过括号明确指出分组：

if (
      theFilter && (
        isFunction && !theFilter.regex(input, value) ||
        isRegex && !theFilter.regex.test(value)
      )
    )

  error = (
    userOptions.errors && userOptions.errors[uf] ||
    theFilter.error
  )

希望这可以帮助。