jQuery驗證，不是普通插件

Question

我一直在尋找jQuery Validation插件 ，但似乎有點過頭了（我的網站的腳本要求正在迅速增加），而且還不是我想要的。

讓我定義一些術語：如果<input type="text">字段與RegEx 1和RegEx 2都匹配，則其狀態為VALID；如果與RegEx 1匹配但與RegEx 2不匹配，則狀態為PARTAL；如果與RegEx 1不匹配，則為INVALID。 。

例如，RegEx 1可以是/^[A-Z_]*$/而RegEx 2可以是/^[AZ]+(_[AZ]+)*$/ 。

要求是：

• 會導致無效狀態的任何按鍵操作都將被忽略，不會干擾焦點或插入符號的位置，並且不會使值發生變化 ，
• 否則，每次按鍵后狀態將更新為“有效”或“部分”，並且
• 只要輸入狀態發生變化，就會調用回調。

似乎很簡單。 這基本上是QStringValidator模型。

我有jQuery核心，但我是新手。 我該如何實施？ 謝謝。

PS如果最好的解決方案不在jQuery之外，則不需要IE支持。

Answer 1

if (this.value.match(this.getAttribute('data-regex1')) {
    if (this.value.match(this.getAttribute('data-regex2')) {
        do_whatever_for_full();
    } else {
        do_whatever_for_partial();
    }
} else {
    do_whatever_for_invalid();
}

將您的正則表達式作為自定義屬性（data-regex1，data-regex2）放入元素中，然后在數據更改時檢查數據（不確定要檢查多少個事件，但是您可能必須使用onkeydown進行檢查，而忽略enter和tab，或者可以創建一個onfocus計時器，每半秒檢查一次）。