Question

我正在使用jQuery Mobile的最新版本和jQuery。

我需要验证一个接受用户输入的字段。

如果输入不是A NUMBER，我希望在该字段附近有错误验证消息。

我想知道如何在jQuery Mobile中制作它。

此外，我想知道是否可以强制用户仅为字段添加数字值。

Answer 1

您可以使用http://docs.jquery.com/Plugins/Validation

如果您需要自定义验证，请查看此插件中的addMethod( name, method, message )

Answer 2

您可以在jquery mobile中使用相同的jquery.validate.js插件。另外，您可以向所有需要验证的表单字段添加一个类formField，并在提交时，获取包含字段的元素并执行自定义验证。如果你使用每个页面的哈希，我会写一些像：

<form class='myFormElem display-none'>
  <div class="errorField"
  <input type="text" data-regexp="^\+?[0-9]{10,15}$" class="formField">
  <input type="submit" class="submitForm">
</form

示例代码段：

$(location.hash + ' .submitForm').off('click');
$(location.hash + ' .submitForm').on('click', function (e) {
    $(location.hash + ' .formField').each(function () {
        var elem = $(this), p, regexp;
        try {
            //validate fields
            p = elem.data('regexp');
            if (p !== "" && p !== null && typeof p !== "undefined") {
                regexp = new RegExp(p, ["g"]);
                if (!val.match(regexp)) {
                    throw "Error..(your error message here)";
                }
             }
        } catch (ex) {
            $(errField).removeClass('display-none').addClass('display-block');
            $(errField).html(ex);
        }
    }
});

验证jQueryMobile中的字段

2 个答案: