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

Question

我正在研究 this plugin我收到了一份错误报告，指出 Android 2.3 存在一些问题。

我下载了 Android SDK，并在 2.3 中尝试了该插件，似乎发生的情况是文本输入未验证并且错误未显示或出现错误。其他输入验证正常。我在 Android 4.0+ 上试过，似乎工作正常。 我不知道从哪里开始，因为我不知道问题出在哪里，而且我没有真正的 Android 手机来调试这些东西，而且模拟器也缺少开发工具和东西。

我怀疑在这里发布代码转储是否会有帮助，但这是 validate() 方法，可以在 js/idealforms.js 中找到。 “错误”必须来自此处或该文件中的其他地方，除非与 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
  )

希望这对您有所帮助。