{"id":440,"date":"2024-10-25T11:44:42","date_gmt":"2024-10-25T03:44:42","guid":{"rendered":"https:\/\/eve2333.top\/?p=440"},"modified":"2024-10-25T11:44:42","modified_gmt":"2024-10-25T03:44:42","slug":"javascript-api%e5%ad%a6%e4%b9%a0-part-6","status":"publish","type":"post","link":"https:\/\/eve2333.top\/?p=440","title":{"rendered":"Javascript api\u5b66\u4e60 part-6"},"content":{"rendered":"\n

\u200b\u6b63\u5219\u8868\u8fbe\u5f0f<\/h1>\n\n\n\n

\u6b63\u5219\u8868\u8fbe\u5f0f \uff08Regular Expression\uff09\u662f\u7528\u4e8e \u5339\u914d\u5b57\u7b26\u4e32\u4e2d\u5b57\u7b26\u7ec4\u5408 \u7684\u6a21\u5f0f\u3002\u5728 JavaScript\u4e2d\uff0c\u6b63\u5219\u8868\u8fbe\u5f0f\u4e5f\u662f\u5bf9\u8c61\u3002\u901a\u5e38\u7528\u6765\u67e5\u627e\u3001\u66ff\u6362\u90a3\u4e9b\u7b26\u5408\u6b63\u5219\u8868\u8fbe\u5f0f\u7684\u6587\u672c<\/strong>\uff0c\u8bb8\u591a\u8bed\u8a00\u90fd\u652f\u6301\u6b63\u5219\u8868\u8fbe\u5f0f\u3002<\/p>\n\n\n\n

\u6b63\u5219\u8868\u8fbe\u5f0f\u5728 JavaScript\u4e2d\u7684\u4f7f\u7528\u573a\u666f\uff1a
1. \u4f8b\u5982 \u9a8c\u8bc1\u8868\u5355 \uff1a\u7528\u6237\u540d\u8868\u5355\u53ea\u80fd\u8f93\u5165\u82f1\u6587\u5b57\u6bcd\u3001\u6570\u5b57\u6216\u8005\u4e0b\u5212\u7ebf\uff0c \u6635\u79f0\u8f93\u5165\u6846\u4e2d\u53ef\u4ee5\u8f93\u5165\u4e2d\u6587\u3002 ( \u5339\u914d ) \uff0c\u6bd4\u5982\u7528\u6237\u540d: \/^[a-z0-9_-]{3,16}$\/
2. \u8fc7\u6ee4\u6389\u9875\u9762\u5185\u5bb9\u4e2d\u7684\u4e00\u4e9b \u654f\u611f\u8bcd ( \u66ff\u6362 )
3.\u4ece\u5b57\u7b26\u4e32\u4e2d\u83b7\u53d6\u6211\u4eec\u60f3\u8981\u7684\u7279\u5b9a\u90e8\u5206( \u63d0\u53d6 )\u7b49 \u3002<\/p>\n\n\n\n

\u8bed\u6cd5<\/h3>\n\n\n\n

1. \u5b9a\u4e49\u6b63\u5219\u8868\u8fbe\u5f0f\u8bed\u6cd5\uff1a<\/strong><\/p>\n\n\n\n

 const \u53d8\u91cf\u540d = \/\u8868\u8fbe\u5f0f\/<\/code><\/pre>\n\n\n\n
\u5176\u4e2d \/ \/ \u662f\u6b63\u5219\u8868\u8fbe\u5f0f\u5b57\u9762\u91cf\uff0c\u6bd4\u5982\uff1aconst reg = \/\u524d\u7aef\/
2.\u5224\u65ad\u662f\u5426\u6709\u7b26\u5408\u89c4\u5219\u7684\u5b57\u7b26\u4e32\uff1a<\/strong>
test() \u65b9\u6cd5 \u7528\u6765\u67e5\u770b\u6b63\u5219\u8868\u8fbe\u5f0f\u4e0e\u6307\u5b9a\u7684\u5b57\u7b26\u4e32\u662f\u5426\u5339\u914d
\u8bed\u6cd5\uff1a regObj.test(\u88ab\u68c0\u6d4b\u7684\u5b57\u7b26\u4e32)  
\u5982\u679c\u6b63\u5219\u8868\u8fbe\u5f0f\u4e0e\u6307\u5b9a\u7684\u5b57\u7b26\u4e32\u5339\u914d \uff0c\u8fd4\u56detrue\uff0c\u5426\u5219false<\/p>\n\n\n\n
<script>\n    const str = '\u6211\u4eec\u5728\u5b66\u4e60\u524d\u7aef\uff0c\u5e0c\u671b\u5b66\u4e60\u524d\u7aef\u80fd\u9ad8\u85aa\u6bd5\u4e1a'\n    \/\/ \u6b63\u5219\u8868\u8fbe\u5f0f\u4f7f\u7528\uff1a\n    \/\/ 1. \u5b9a\u4e49\u89c4\u5219\n    const reg = \/\u524d\u7aef\/\n    \/\/ 2. \u662f\u5426\u5339\u914d\n    console.log(reg.test(str))  \/\/ true\n<\/script><\/code><\/pre>\n\n\n\n
3.\u68c0\u7d22\uff08\u67e5\u627e\uff09\u7b26\u5408\u89c4\u5219\u7684\u5b57\u7b26\u4e32\uff1a<\/strong><\/p>\n\n\n\n
exec() <\/strong>\u65b9\u6cd5 \u5728\u4e00\u4e2a\u6307\u5b9a\u5b57\u7b26\u4e32\u4e2d\u6267\u884c\u4e00\u4e2a\u641c\u7d22\u5339\u914d<\/p>\n\n\n\n
\u8bed\u6cd5\uff1a<\/strong> regObj.exec(\u88ab\u68c0\u6d4b\u7684\u5b57\u7b26\u4e32)  <\/p>\n\n\n\n
\u5982\u679c\u5339\u914d\u6210\u529f\uff0cexec() \u65b9\u6cd5\u8fd4\u56de\u4e00\u4e2a\u6570\u7ec4\uff0c\u5426\u5219\u8fd4\u56denull<\/p>\n\n\n\n
\u5143\u5b57\u7b26<\/h1>\n\n\n\n
\u77e5\u9053\u5373\u53ef\uff1f<\/strong><\/p>\n\n\n\n
\u5143\u5b57\u7b26(\u7279\u6b8a\u5b57\u7b26\uff09:<\/strong>\u662f\u4e00\u4e9b\u5177\u6709\u7279\u6b8a\u542b\u4e49\u7684\u5b57\u7b26\uff0c\u53ef\u4ee5\u6781\u5927\u63d0\u9ad8\u4e86\u7075\u6d3b\u6027\u548c\u5f3a\u5927\u7684\u5339\u914d\u529f\u80fd\u3002<\/p>\n\n\n\n
\u6bd4\u5982\uff0c\u89c4\u5b9a\u7528\u6237\u53ea\u80fd\u8f93\u5165\u82f1\u658726\u4e2a\u82f1\u6587\u5b57\u6bcd\uff0c\u666e\u901a\u5b57\u7b26\u7684\u8bdd abcdefghijklm\u2026.\u4f46\u662f\u6362\u6210\u5143\u5b57\u7b26\u5199\u6cd5\uff1a [a-z]<\/p>\n\n\n\n
1.\u8fb9\u754c\u7b26\uff08\u8868\u793a\u4f4d\u7f6e\uff0c\u5f00\u5934\u548c\u7ed3\u5c3e\uff0c\u5fc5\u987b\u7528\u4ec0\u4e48\u5f00\u5934\uff0c\u7528\u4ec0\u4e48\u7ed3\u5c3e\uff09<\/strong><\/h3>\n\n\n\n
\u6b63\u5219\u8868\u8fbe\u5f0f\u4e2d\u7684\u8fb9\u754c\u7b26\uff08\u4f4d\u7f6e\u7b26\uff09\u7528\u6765 \u63d0\u793a\u5b57\u7b26\u6240\u5904\u7684\u4f4d\u7f6e \uff0c\u4e3b\u8981\u6709\u4e24\u4e2a\u5b57\u7b26<\/p>\n\n\n\n
\u8fb9\u754c\u7b26<\/td>\u8bf4\u660e<\/td><\/tr>
^<\/td>\u8868\u793a\u5339\u914d\u884c\u9996\u6587\u672c \u5f00\u59cb<\/td><\/tr>
$<\/td>\u8868\u793a\u5339\u914d\u884c\u672b\u6587\u672c \u7ed3\u675f<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
console.log(\/\u54c8\/.test('\u54c8')) \/\/ true\nconsole.log(\/\u54c8\/.test('\u54c8\u54c8')) \/\/ true\nconsole.log(\/\u54c8\/.test('\u4e8c\u54c8')) \/\/ true\nconsole.log('--------------')\n\/\/1.\u8fb9\u754c\u7b26\nconsole.log(\/^\u54c8\/.test('\u54c8')) \/\/ true\nconsole.log(\/^\u54c8\/.test('\u54c8\u54c8')) \/\/ true\nconsole.log(\/^\u54c8\/.test('\u4e8c\u54c8')) \/\/ flase\nconsole.log(\/^\u54c8$\/.test('\u54c8')) \/\/ true\nconsole.log(\/^\u54c8$\/.test('\u54c8\u54c8')) \/\/ flase!!!!!!!!!!!\nconsole.log('-----------') <\/code><\/pre>\n\n\n\n
2.\u91cf\u8bcd \uff08\u8868\u793a\u91cd\u590d\u6b21\u6570\uff09<\/strong><\/h3>\n\n\n\n
\u91cf\u8bcd\u7528\u6765 \u8bbe\u5b9a\u67d0\u4e2a\u6a21\u5f0f\u51fa\u73b0\u7684\u6b21\u6570<\/p>\n\n\n\n
\u91cf\u8bcd<\/td>\u8bf4\u660e<\/td><\/tr>
*<\/td>0\u6216more<\/td><\/tr>
+<\/td>1\u6216more<\/td><\/tr>
\uff1f<\/td>0\u62161<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<script>\n   \u5143\u5b57\u7b26\n   \u91cf\u8bcd * \u7c7b\u4f3c >=0 \u6b21\n   console.log(\/^\u54c8$\/.test('\u54c8')) \/\/ true\n   console.log(\/^\u54c8*$\/.test('')) \/\/ true\n   console.log(\/^\u54c8*$\/.test('\u54c8')) \/\/ true\n   console.log(\/^\u54c8*$\/.test('\u54c8\u54c8')) \/\/ true\n   console.log(\/^\u54c8*$\/.test('\u4e8c\u54c8\u5f88\u50bb')) \/\/  false\n   console.log(\/^\u54c8*$\/.test('\u54c8\u5f88\u50bb')) \/\/  false\n   console.log(\/^\u54c8*$\/.test('\u54c8\u5f88\u54c8')) \/\/ false\n   console.log('------------------')\n \n     \u91cf\u8bcd + \u7c7b\u4f3c >=1 \u6b21\n    console.log(\/^\u54c8$\/.test('\u54c8')) \/\/ true\n    console.log(\/^\u54c8+$\/.test('')) \/\/ false\n    console.log(\/^\u54c8+$\/.test('\u54c8')) \/\/ true\n    console.log(\/^\u54c8+$\/.test('\u54c8\u54c8')) \/\/ true\n    console.log(\/^\u54c8+$\/.test('\u4e8c\u54c8\u5f88\u50bb')) \/\/  false\n    console.log(\/^\u54c8+$\/.test('\u54c8\u5f88\u50bb')) \/\/  false\n    console.log(\/^\u54c8+$\/.test('\u54c8\u5f88\u54c8')) \/\/ false\n    console.log('------------------')\n \n    \/\/ \/\/  \u91cf\u8bcd ? \u7c7b\u4f3c  0 || 1\n    console.log(\/^\u54c8?$\/.test('')) \/\/ true\n   console.log(\/^\u54c8?$\/.test('\u54c8')) \/\/ true\n    console.log(\/^\u54c8?$\/.test('\u54c8\u54c8')) \/\/ false\n    console.log(\/^\u54c8?$\/.test('\u4e8c\u54c8\u5f88\u50bb')) \/\/  false\n    console.log(\/^\u54c8?$\/.test('\u54c8\u5f88\u50bb')) \/\/  false\n    console.log(\/^\u54c8?$\/.test('\u54c8\u5f88\u54c8')) \/\/ false\n \n    \/\/ \u91cf\u8bcd {n} \u5199\u51e0\uff0c\u5c31\u5fc5\u987b\u51fa\u73b0\u51e0\u6b21\n    console.log(\/^\u54c8{4}$\/.test('\u54c8'))\n    console.log(\/^\u54c8{4}$\/.test('\u54c8\u54c8'))\n    console.log(\/^\u54c8{4}$\/.test('\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4}$\/.test('\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log('------------------')\n \n    \/\/ \u91cf\u8bcd {n,}   >=n\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8'))\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log('------------------')\n \n    \/\/ \u91cf\u8bcd {n,m}  \u9017\u53f7\u5de6\u53f3\u4e24\u4fa7\u5343\u4e07\u4e0d\u80fd\u6709\u7a7a\u683c    >=n && <= m\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log(\/^\u54c8{4,6}$\/.test('\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8\u54c8'))\n    console.log('------------------')\n   \n  <\/script><\/code><\/pre>\n\n\n\n
3.\u5b57\u7b26\u7c7b \uff08\u6bd4\u5982 \\d \u8868\u793a 0~9\uff09<\/strong><\/h3>\n\n\n\n
    \n
  1. \u00a0[ ]<\/strong>\u00a0\u5339\u914d\u5b57\u7b26\u96c6\u5408\uff0c\u540e\u9762\u7684\u5b57\u7b26\u4e32\u53ea\u8981\u5305\u542b[ ]\u4e2d\u4efb\u610f\u00a0\u4e00\u4e2a\u5b57\u7b26<\/strong>\u00a0\uff0c\u90fd\u8fd4\u56de true<\/li>\n\n\n\n
  2. a.[ ] \u91cc\u9762\u52a0\u4e0a - \u8fde\u5b57\u7b26\uff0c\u4f7f\u7528 \u8fde\u5b57\u7b26 - \u8868\u793a\u4e00\u4e2a\u8303\u56f4 \u3002
    \u6bd4\u5982\uff1a
    \u00a0 \u00a0 \u00a0 \u00a0 [a-z] \u8868\u793a a \u5230 z 26\u4e2a\u82f1\u6587\u5b57\u6bcd\u90fd\u53ef\u4ee5
    \u00a0 \u00a0 \u00a0 \u00a0 [a-zA-Z] \u8868\u793a\u5927\u5c0f\u5199\u90fd\u53ef\u4ee5
    \u00a0 \u00a0 \u00a0 \u00a0 [0-9] \u8868\u793a 0~9 \u7684\u6570\u5b57\u90fd\u53ef\u4ee5<\/li>\n\n\n\n
  3. \"\"<\/li>\n\n\n\n
  4. [ ] \u91cc\u9762\u52a0\u4e0a\u00a0^ \u53d6\u53cd\u7b26\u53f7 \u6bd4\u5982\uff1a [^a-z] \u5339\u914d\u9664\u4e86\u5c0f\u5199\u5b57\u6bcd\u4ee5\u5916\u7684\u5b57\u7b26<\/li>\n\n\n\n
  5. \u00a0.\u00a0<\/strong>\u5339\u914d\u9664\u6362\u884c\u7b26\u4e4b\u5916\u7684\u4efb\u4f55\u5355\u4e2a\u5b57\u7b26<\/li>\n<\/ol>\n\n\n\n
      <script>\n    \/\/ \u5143\u5b57\u7b26\n    \/\/ \u5b57\u7b26\u7c7b   [abc]  \u53ea\u90091\u4e2a\n    console.log(\/^[abc]$\/.test('a'))  \/\/ true\n    console.log(\/^[abc]$\/.test('b'))  \/\/ true\n    console.log(\/^[abc]$\/.test('c'))  \/\/ true\n    console.log(\/^[abc]$\/.test('ab'))  \/\/ false\n    console.log(\/^[abc]{2}$\/.test('ab'))  \/\/ true\n    console.log('------------------')\n \n    \/\/ \u5b57\u7b26\u7c7b   [a-z]  \u53ea\u90091\u4e2a\n    console.log(\/^[A-Z]$\/.test('p'))  \/\/ false\n    console.log(\/^[A-Z]$\/.test('P'))  \/\/ true\n    console.log(\/^[0-9]$\/.test(2))  \/\/ true\n    console.log(\/^[a-zA-Z0-9]$\/.test(2))  \/\/ true\n    console.log(\/^[a-zA-Z0-9]$\/.test('p'))  \/\/ true\n    console.log(\/^[a-zA-Z0-9]$\/.test('P'))  \/\/ true\n    console.log('------------------')\n  <\/script><\/code><\/pre>\n\n\n\n
     \u9a8c\u8bc1\u8868\u5355\u6848\u4f8b<\/h4>\n\n\n\n
    <body>\n    <input type=\"text\">\n    <span><\/span>\n    <script>\n        \/\/ 1. \u51c6\u5907\u6b63\u5219\n        const reg = \/^[a-zA-Z0-9-_]{6,16}$\/\n        const input = document.querySelector('input')\n        const span = input.nextElementSibling\n        input.addEventListener('blur', function () {\n            \/\/ console.log(reg.test(this.value))\n            if (reg.test(this.value)) {\n                span.innerHTML = '\u8f93\u5165\u6b63\u786e'\n                span.className = 'right'\n            } else {\n                span.innerHTML = '\u8bf7\u8f93\u51656~16\u4f4d\u7684\u82f1\u6587\u6570\u5b57\u4e0b\u5212\u7ebf'\n                span.className = 'error'\n            }\n        })\n    <\/script>\n<\/body><\/code><\/pre>\n\n\n\n
    4. \u9884\u5b9a\u4e49\uff1a\u00a0\u6307\u7684\u662f\u00a0\u67d0\u4e9b\u5e38\u89c1\u6a21\u5f0f\u7684\u7b80\u5199\u65b9\u5f0f\u3002\"\"<\/h3>\n\n\n\n
    \u4fee\u9970\u7b26\u00a0<\/h1>\n\n\n\n
    \u4fee\u9970\u7b26\u7ea6\u675f\u6b63\u5219\u6267\u884c\u7684\u67d0\u4e9b\u7ec6\u8282\u884c\u4e3a\uff0c\u5982\u662f\u5426\u533a\u5206\u5927\u5c0f\u5199\u3001\u662f\u5426\u652f\u6301\u591a\u884c\u5339\u914d\u7b49
    \u8bed\u6cd5\uff1a\/\u8868\u8fbe\u5f0f\/\u4fee\u9970\u7b26<\/strong>
    i \u662f\u5355\u8bcd ignore \u7684\u7f29\u5199\uff0c \u6b63\u5219\u5339\u914d\u65f6\u5b57\u6bcd\u4e0d\u533a\u5206\u5927\u5c0f\u5199
    g \u662f\u5355\u8bcd global \u7684\u7f29\u5199\uff0c \u5339\u914d\u6240\u6709\u6ee1\u8db3\u6b63\u5219\u8868\u8fbe\u5f0f\u7684\u7ed3\u679c<\/p>\n\n\n\n
    \u66ff\u6362 replace<\/strong><\/p>\n\n\n\n
    \u8bed\u6cd5\uff1a<\/strong> \u5b57\u7b26\u4e32.replace(\/\u6b63\u5219\u8868\u8fbe\u5f0f\/,'\u66ff\u6362\u6389\u6587\u672c')<\/p>\n\n\n\n
    <!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" \/>\n    <title>Document<\/title>\n    <link rel=\"stylesheet\" href=\"css\/index.css\" \/>\n<\/head>\n<\/head>\n<body>\n    <textarea name=\"\" id=\"\" cols=\"30\" rows=\"10\"><\/textarea>\n    <button>\u53d1\u5e03<\/button>\n    <div><\/div>\n    <script>\n        const tx = document.querySelector('textarea')\n        const btn = document.querySelector('button')\n        const div = document.querySelector('div')\n        btn.addEventListener('click', function () {\n            \/\/ console.log(tx.value)\n            div.innerHTML = tx.value.replace(\/\u6fc0\u60c5|\u57fa\u60c5|jj|78\/g, '**')\n            tx.value = ''\n        })\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
    \u6ce8\u518c\u9875\u9762\u7efc\u5408\u6848\u4f8b<\/h1>\n\n\n\n
    <html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5c0f\u5154\u9c9c\u513f-\u65b0\u9c9c\u3001\u60e0\u6c11\u3001\u5feb\u6377\uff01<\/title>\n    <meta name=\"description\" content=\"\u5c0f\u5154\u9c9c\u513f\u5b98\u7f51\uff0c\u81f4\u529b\u4e8e\u6253\u9020\u5168\u7403\u6700\u5927\u7684\u98df\u54c1\u3001\u751f\u9c9c\u7535\u5546\u8d2d\u7269\u5e73\u53f0\u3002\">\n    <meta name=\"keywords\" content=\"\u5c0f\u5154\u9c9c\u513f,\u98df\u54c1,\u751f\u9c9c,\u670d\u88c5,\u5bb6\u7535,\u7535\u5546,\u8d2d\u7269\">\n    <!-- \u5f15\u5165\u7f51\u7ad9\u56fe\u6807 -->\n    <link rel=\"shortcut icon\" href=\"favicon.ico\" type=\"image\/x-icon\">\n    <!-- \u5f15\u5165\u521d\u59cb\u5316\u6837\u5f0f -->\n    <link rel=\"stylesheet\" href=\".\/css\/base.css\">\n    <!-- \u5f15\u5165\u516c\u5171\u6837\u5f0f -->\n    <link rel=\"stylesheet\" href=\".\/css\/common.css\">\n    <!-- \u5f15\u5165\u6ce8\u518c\u6837\u5f0f -->\n    <link rel=\"stylesheet\" href=\".\/css\/register.css\">\n    <!-- \u5f15\u5165\u5b57\u4f53\u56fe\u6807 -->\n    <link rel=\"stylesheet\" href=\"https:\/\/at.alicdn.com\/t\/font_2143783_iq6z4ey5vu.css\">\n<\/head>\n<body>\n    <!-- \u5934\u90e8\u5f00\u59cb -->\n    <!-- \u5feb\u6377\u5bfc\u822a\u680f\u5f00\u59cb -->\n    <div class=\"shortcut sk\">\n        <div class=\"w\">\n            <ul>\n                <li><a href=\"javascript:;\">\u8bf7\u5148\u767b\u5f55<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u514d\u8d39\u6ce8\u518c<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u6211\u7684\u8ba2\u5355<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u4f1a\u5458\u4e2d\u5fc3<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u5e2e\u52a9\u4e2d\u5fc3<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u5728\u7ebf\u5ba2\u670d<\/a><\/li>\n                <li class=\"sep\">|<\/li>\n                <li><a href=\"javascript:;\">\u624b\u673a\u7248<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n    <!-- \u5feb\u6377\u5bfc\u822a\u680f\u7ed3\u675f -->\n    <!-- \u4e3b\u5bfc\u822a\u680f\u5f00\u59cb -->\n    <div class=\"main_nav w\">\n        <div class=\"logo\">\n            <h1>\n                <a href=\"index.html\" title=\"\u5c0f\u5154\u9c9c\u513f\">\u5c0f\u5154\u9c9c\u513f<\/a>\n            <\/h1>\n        <\/div>\n        <nav class=\"nav\">\n            <ul>\n                <li><a href=\"javascript:;\">\u9996\u9875<\/a><\/li>\n                <li><a href=\"javascript:;\">\u751f\u9c9c<\/a><\/li>\n                <li><a href=\"javascript:;\">\u7f8e\u98df<\/a><\/li>\n                <li><a href=\"javascript:;\">\u9910\u53a8<\/a><\/li>\n                <li><a href=\"javascript:;\">\u7535\u5668<\/a><\/li>\n                <li><a href=\"javascript:;\">\u5c45\u5bb6<\/a><\/li>\n                <li><a href=\"javascript:;\">\u6d17\u62a4<\/a><\/li>\n                <li><a href=\"javascript:;\">\u5b55\u5a74<\/a><\/li>\n                <li><a href=\"javascript:;\">\u670d\u88c5<\/a><\/li>\n            <\/ul>\n        <\/nav>\n        <div class=\"search\">\n            <input type=\"search\" placeholder=\"\u641c\u4e00\u641c\">\n        <\/div>\n        <a href=\"javascript:;\">\n            <div class=\"car\">\n                <span>2<\/span>\n            <\/div>\n        <\/a>\n    <\/div>\n    <!-- \u4e3b\u5bfc\u822a\u680f\u7ed3\u675f -->\n    <!-- \u5934\u90e8\u7ed3\u675f -->\n    <!-- \u6ce8\u518c\u4e3b\u4f53\u6a21\u5757\u5f00\u59cb -->\n    <div class=\"xtx-wrapper\">\n        <div class=\"container\">\n            <!-- \u5361\u7247 -->\n            <div class=\"xtx-card\">\n                <h3>\u65b0\u7528\u6237\u6ce8\u518c<\/h3>\n                <form class=\"xtx-form\">\n                    <div data-prop=\"username\" class=\"xtx-form-item\">\n                        <span class=\"iconfont icon-zhanghao\"><\/span>\n                        <input name=\"username\" type=\"text\" placeholder=\"\u8bbe\u7f6e\u7528\u6237\u540d\u79f0\">\n                        <span class=\"msg\"><\/span>\n                    <\/div>\n                    <div data-prop=\"phone\" class=\"xtx-form-item\">\n                        <span class=\"iconfont icon-shouji\"><\/span>\n                        <input name=\"phone\" type=\"text\" placeholder=\"\u8f93\u5165\u624b\u673a\u53f7\u7801  \">\n                        <span class=\"msg\"><\/span>\n                    <\/div>\n                    <div data-prop=\"code\" class=\"xtx-form-item\">\n                        <span class=\"iconfont icon-zhibiaozhushibiaozhu\"><\/span>\n                        <input name=\"code\" type=\"text\" placeholder=\"\u77ed\u4fe1\u9a8c\u8bc1\u7801\">\n                        <span class=\"msg\"><\/span>\n                        <a class=\"code\" href=\"javascript:;\">\u53d1\u9001\u9a8c\u8bc1\u7801<\/a>\n                    <\/div>\n                    <div data-prop=\"password\" class=\"xtx-form-item\">\n                        <span class=\"iconfont icon-suo\"><\/span>\n                        <input name=\"password\" type=\"password\" placeholder=\"\u8bbe\u7f6e6\u81f320\u4f4d\u5b57\u6bcd\u3001\u6570\u5b57\u548c\u7b26\u53f7\u7ec4\u5408\">\n                        <span class=\"msg\"><\/span>\n                    <\/div>\n                    <div data-prop=\"confirm\" class=\"xtx-form-item\">\n                        <span class=\"iconfont icon-suo\"><\/span>\n                        <input name=\"confirm\" type=\"password\" placeholder=\"\u8bf7\u518d\u6b21\u8f93\u5165\u4e0a\u9762\u5bc6\u7801\">\n                        <span class=\"msg\"><\/span>\n                    <\/div>\n                    <div class=\"xtx-form-item pl50\">\n                        <i class=\"iconfont icon-queren\"><\/i>\n                        \u5df2\u9605\u8bfb\u5e76\u540c\u610f<i>\u300a\u7528\u6237\u670d\u52a1\u534f\u8bae\u300b<\/i>\n                    <\/div>\n                    <div class=\"xtx-form-item\">\n                        <button class=\"submit\">\u4e0b\u4e00\u6b65<\/button>\n                        <!-- <a class=\"submit\" href=\"javascript:;\">\u4e0b\u4e00\u6b65<\/a> -->\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- \u6ce8\u518c\u4e3b\u4f53\u6a21\u5757\u7ed3\u675f-->\n    <footer>\n        <div class=\"ft w\">\n            <dl class=\"kefu\">\n                <dt>\u5ba2\u670d\u670d\u52a1<\/dt>\n                <dd class=\"zaixian\">\n                    <p>\n                        <a href=\"javascript:;\">\n                            \u5728\u7ebf\u5ba2\u670d\n                        <\/a>\n                    <\/p>\n                <\/dd>\n                <dd class=\"wenti\">\n                    <p>\n                        <a href=\"javascript:;\">\n                            \u95ee\u9898\u53cd\u9988\n                        <\/a>\n                    <\/p>\n                <\/dd>\n            <\/dl>\n            <dl class=\"guanzhu\">\n                <dt>\u5173\u6ce8\u6211\u4eec<\/dt>\n                <dd class=\"gongzhong\">\n                    <p>\n                        <a href=\"javascript:;\">\n                            \u516c\u4f17\u53f7\n                        <\/a>\n                    <\/p>\n                <\/dd>\n                <dd class=\"weibo\">\n                    <p>\n                        <a href=\"javascript:;\">\n                            \u5fae\u535a\n                        <\/a>\n                    <\/p>\n                <\/dd>\n            <\/dl>\n            <dl class=\"xiazai\">\n                <dt>\u4e0b\u8f7dAPP<\/dt>\n                <dd>\n                    <img src=\".\/uploads\/qrcode.png\" alt=\"\">\n                <\/dd>\n                <dd>\n                    <p><a href=\"javascript:;\">\u626b\u63cf\u4e8c\u7ef4\u7801<\/a><\/p>\n                    <p><a href=\"javascript:;\">\u7acb\u9a6c\u4e0b\u8f7dAPP<\/a><\/p>\n                    <button>\u4e0b\u8f7d\u9875\u9762<\/button>\n                <\/dd>\n            <\/dl>\n            <dl class=\"rexian\">\n                <dt>\u670d\u52a1\u70ed\u7ebf<\/dt>\n                <dd>\n                    <p>400-0000-000<\/p>\n                <\/dd>\n                <dd>\n                    <p>\u5468\u4e00\u81f3\u5468\u65e5 8:00-18:00<\/p>\n                <\/dd>\n            <\/dl>\n        <\/div>\n        <div class=\"fb\">\n            <div class=\"fb_t\">\n                <ul>\n                    <li>\n                        \u4ef7\u683c\u4eb2\u6c11\n                    <\/li>\n                    <li>\n                        \u7269\u6d41\u5feb\u6377\n                    <\/li>\n                    <li>\n                        \u54c1\u8d28\u65b0\u9c9c\n                    <\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"fb_b\">\n                <p>\n                    <a href=\"javascript:;\">\u5173\u4e8e\u6211\u4eec<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u5e2e\u52a9\u4e2d\u5fc3<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u552e\u540e\u670d\u52a1<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u914d\u9001\u4e0e\u9a8c\u6536<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u5546\u52a1\u5408\u4f5c<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u641c\u7d22\u63a8\u8350<\/a>\n                    <i>|<\/i>\n                    <a href=\"javascript:;\">\u53cb\u60c5\u94fe\u63a5<\/a>\n                <\/p>\n                <p>\n                    <a href=\"javascript:;\">CopyRight @ \u5c0f\u5154\u9c9c\u513f<\/a>\n                <\/p>\n            <\/div>\n        <\/div>\n        <\/div>\n    <\/footer>\n <\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
    \u7528\u8fd9\u4e2a removeEventListener \u6682\u65f6\u79fb\u9664\u70b9\u51fb\u4e8b\u4ef6\uff0ca\u6807\u7b7e\u6709pointerEvents = 'none'\u4e5f\u662f\u53ef\u4ee5\u3002  \u8bd5\u8fc7\u4e86\u7528\u9ad8\u9636\u51fd\u6570\u53ef\u4ee5\u4f20\u53c2\u7684<\/s><\/p>\n\n\n\n
    \u4ee5\u4e0a\u5b58\u7591 <\/p>\n\n\n\n
    change\u4e8b\u4ef6 <\/h3>\n\n\n\n
    <script>\n        (function () {\n            \/\/ 1.\u53d1\u9001\u77ed\u4fe1\u9a8c\u8bc1\u7801\u6a21\u5757\n            const code = document.querySelector('.code')\n            let flag = true \/\/ \u901a\u8fc7\u4e00\u4e2a\u53d8\u91cf\u6765\u63a7\u5236   \u8282\u6d41\u9600\n            \/\/ 1.1 \u70b9\u51fb\u4e8b\u4ef6\n            code.addEventListener('click', function () {\n                if (flag) {\n                    \/\/ flag\u53d6\u53cd\uff0c\u4e0d\u80fd\u7b2c\u4e8c\u6b21\u70b9\u51fb\n                    flag = false\n                    let i = 5\n                    code.innerHTML = `${i}\u79d2\u540e\u91cd\u65b0\u83b7\u53d6`\n                    let timerId = setInterval(function () {\n                        i--\n                        \/\/ \u8fd9\u91cc\u4e0d\u80fd\u7528 this\uff0c\u5b9a\u65f6\u5668\u7684\u8c03\u7528\u8005\u6307\u5411 window\n                        code.innerHTML = `${i}\u79d2\u540e\u91cd\u65b0\u83b7\u53d6`\n                        if (i === 0) {\n                            \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n                            clearInterval(timerId)\n                            \/\/ \u91cd\u65b0\u83b7\u53d6\n                            code.innerHTML = `\u91cd\u65b0\u83b7\u53d6`\n                            \/\/ \u5230\u65f6\u95f4\u4e86\uff0c\u53ef\u4ee5\u5f00\u542fflag \u5373\u53ef\u4ee5\u70b9\u51fb\u4e86\n                            flag = true\n                        }\n                    }, 1000)\n                }\n            })\n        })();\n \n        \/\/ 2. \u9a8c\u8bc1\u7684\u662f\u7528\u6237\u540d\n        \/\/ 2.1 \u83b7\u53d6\u7528\u6237\u540d\u8868\u5355\n        const username = document.querySelector('[name=username]')\n        \/\/ 2.2 \u4f7f\u7528change\u4e8b\u4ef6  \u503c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\n        username.addEventListener('change', verifyName)\n        \/\/ 2.3 \u5c01\u88c5 verifyName \u51fd\u6570\n        function verifyName() {\n            const span = username.nextElementSibling\n            \/\/ 2.4 \u5b9a\u4e49\u89c4\u5219  \u7528\u6237\u540d\n            const reg = \/^[a-zA-Z0-9-_]{6,10}$\/\n            if (!reg.test(username.value)) {\n                span.innerText = '\u8f93\u5165\u4e0d\u5408\u6cd5\uff0c\u8bf7\u8f93\u51656~10\u4f4d'\n                return false\n            }\n            \/\/ 2.5 \u5408\u6cd5\u7684 \u6e05\u7a7aspan\n            span.innerText = ''\n            return true\n        }\n \n        \/\/ 3. \u9a8c\u8bc1\u7684\u662f\u624b\u673a\u53f7\n        \/\/ 3.1 \u83b7\u53d6\u624b\u673a\u8868\u5355\n        const phone = document.querySelector('[name=phone]')\n        \/\/ 3.2 \u4f7f\u7528change\u4e8b\u4ef6  \u503c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\n        phone.addEventListener('change', verifyPhone)\n        \/\/ 3.3 \u5c01\u88c5 verifyPhone \u51fd\u6570\n        function verifyPhone() {\n            const span = phone.nextElementSibling\n            \/\/ 3.4 \u5b9a\u4e49\u89c4\u5219  \u624b\u673a\u53f7\n            const reg = \/^1(3\\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\\d|9[0-35-9])\\d{8}$\/\n            if (!reg.test(phone.value)) {\n                span.innerText = '\u8f93\u5165\u4e0d\u5408\u6cd5\uff0c\u8bf7\u8f93\u5165\u6b63\u786e\u768411\u4f4d\u624b\u673a\u53f7'\n                return false\n            }\n            \/\/ 3.5 \u5408\u6cd5\u7684 \u6e05\u7a7aspan\n            span.innerText = ''\n            return true\n        }\n \n        \/\/ 4. \u9a8c\u8bc1\u7684\u662f\u9a8c\u8bc1\u7801\n        \/\/ 4.1 \u83b7\u53d6\u9a8c\u8bc1\u7801\u8868\u5355\n        const codeInput = document.querySelector('[name=code]')\n        \/\/ 4.2 \u4f7f\u7528change\u4e8b\u4ef6  \u503c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\n        codeInput.addEventListener('change', verifyCode)\n        \/\/ 4.3 \u5c01\u88c5 verifyCode \u51fd\u6570\n        function verifyCode() {\n            const span = codeInput.nextElementSibling\n            \/\/ 4.4 \u5b9a\u4e49\u89c4\u5219  \u624b\u673a\u53f7\n            const reg = \/^\\d{6}$\/\n            if (!reg.test(codeInput.value)) {\n                span.innerText = '\u8f93\u5165\u4e0d\u5408\u6cd5\uff0c\u8bf7\u8f93\u51656\u4f4d\u6570\u5b57'\n                return false\n            }\n            \/\/ 4.5 \u5408\u6cd5\u7684 \u6e05\u7a7aspan\n            span.innerText = ''\n            return true\n        }\n \n        \/\/ 5. \u9a8c\u8bc1\u7684\u662f\u5bc6\u7801\u6846\n        \/\/ 5.1 \u83b7\u53d6\u5bc6\u7801\u6846\u8868\u5355\n        const password = document.querySelector('[name=password]')\n        \/\/ 5.2 \u4f7f\u7528change\u4e8b\u4ef6  \u503c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\n        password.addEventListener('change', verifyPwd)\n        \/\/ 5.3 \u5c01\u88c5 verifyPwd \u51fd\u6570\n        function verifyPwd() {\n            const span = password.nextElementSibling\n            \/\/ 5.4 \u5b9a\u4e49\u89c4\u5219  \u624b\u673a\u53f7\n            const reg = \/^[a-zA-Z0-9-_]{6,20}$\/\n            if (!reg.test(password.value)) {\n                span.innerText = '\u8f93\u5165\u4e0d\u5408\u6cd5\uff0c\u8bf7\u8f93\u51656~20\u4f4d\u6570\u5b57'\n                return false\n            }\n            \/\/ 5.5 \u5408\u6cd5\u7684 \u6e05\u7a7aspan\n            span.innerText = ''\n            return true\n        }\n \n        \/\/ 6. \u5bc6\u7801\u7684\u518d\u6b21\u9a8c\u8bc1\n        \/\/ 6.1 \u83b7\u53d6\u518d\u6b21\u9a8c\u8bc1\u8868\u5355\n        const confirm = document.querySelector('[name=confirm]')\n        \/\/ 6.2 \u4f7f\u7528change\u4e8b\u4ef6  \u503c\u53d1\u751f\u53d8\u5316\u7684\u65f6\u5019\n        confirm.addEventListener('change', verifyConfirm)\n        \/\/ 6.3 \u5c01\u88c5 verifyConfirm \u51fd\u6570\n        function verifyConfirm() {\n            const span = confirm.nextElementSibling\n            \/\/ 6.4 \u5f53\u524d\u8868\u5355\u7684\u503c\u4e0d\u7b49\u4e8e\u5bc6\u7801\u6846\u7684\u503c \u5c31\u662f\u9519\u8bef\u7684\n            if (confirm.value !== password.value) {\n                span.innerText = '\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4'\n                return false\n            }\n            \/\/ 6.5 \u5408\u6cd5\u7684 \u6e05\u7a7aspan\n            span.innerText = ''\n            return true\n        }\/\/\u8fd9\u91cc\u7528change\u6709\u4e2abug\uff0c\u5c31\u662f\u91cd\u590d\u8f93\u5165\u6b63\u786e\u540e\uff0c\u5982\u679c\u518d\u53bb\u6539\u4e86\u4e0a\u9762\u7684\u5bc6\u7801\uff0c\n        \/\/\u518d\u6765\u70b9\u51fb\u4e0b\u9a8c\u8bc1\u5bc6\u7801\u6846\u662f\u6ca1\u6709\u63d0\u793a\u7684\u3002\n \n        \/\/ 7. \u540c\u610f\u6a21\u5757\n        const queren = document.querySelector('.icon-queren')\n        queren.addEventListener('click', function () {\n            \/\/ \u5207\u6362\u7c7b toggle \u539f\u6765\u6709\u7684\u5c31\u5220\u9664\uff0c\u6ca1\u6709\u7684\u5c31\u6dfb\u52a0\n            this.classList.toggle('icon-queren2')\n        })\n \n        \/\/ 8.\u8868\u5355\u63d0\u4ea4\u6a21\u5757\n        const form = document.querySelector('form')\n        form.addEventListener('submit', function (e) {\n            \/\/ \u5224\u65ad\u662f\u5426\u52fe\u9009\u540c\u610f\u6a21\u5757 \uff0c\u5982\u679c\u6709 icon-queren2\u8bf4\u660e\u5c31\u52fe\u9009\u4e86\uff0c\u5426\u5219\u6ca1\u52fe\u9009\n            if (!queren.classList.contains('icon-queren2')) {\n                alert('\u8bf7\u52fe\u9009\u540c\u610f\u534f\u8bae')\n                \/\/ return \u4e2d\u6b62\u7a0b\u5e8f\uff0c\u4f46\u4e0d\u963b\u6b62\u63d0\u4ea4  \u6240\u4ee5\u8981\u963b\u6b62\u63d0\u4ea4\n                e.preventDefault()\n            }\n            \/\/ \u4f9d\u6b21\u5224\u65ad\u4e0a\u9762\u7684\u6bcf\u4e2a\u6846\u6846\u662f\u5426\u901a\u8fc7\uff0c\u53ea\u6709\u6709\u4e00\u4e2a\u6ca1\u6709\u901a\u8fc7\u5c31\u963b\u6b62\n            \/\/ \u56e0\u4e3a\u6bcf\u4e00\u4e2a\u90fd\u8981\u5224\u65ad \u6240\u4ee5\u8981\u5206\u5f00\u5199 \u5982\u679c\u7528 || \u53ea\u4f1a\u663e\u793a\u7b2c\u4e00\u4e2a\u4e0d\u901a\u8fc7\u7684\u9519\u8bef\u4fe1\u606f\n            if (!verifyName()) e.preventDefault()\n            if (!verifyPhone()) e.preventDefault()\n            if (!verifyCode()) e.preventDefault()\n            if (!verifyPwd()) e.preventDefault()\n            if (!verifyConfirm()) e.preventDefault()\n        })\n    <\/script><\/code><\/pre>\n\n\n\n
    classList.contains\uff08\uff09\u770b\u770b\u6709\u6ca1\u6709\u67d0\u4e2a\u7c7b \u200b<\/p>\n\n\n\n
    \u9636\u6bb5\u6848\u4f8b\u5c0f\u5154\u9c9c<\/h1>\n\n\n\n
    \u767b\u5f55\u9875<\/h3>\n\n\n\n
    \u9996\u9875<\/h3>\n\n\n\n
    \u5b9e\u6218\u6848\u4f8b\u653e\u5927\u955c\u6548\u679c<\/h1>\n","protected":false},"excerpt":{"rendered":"
    \u200b\u6b63\u5219\u8868\u8fbe\u5f0f \u6b63\u5219\u8868\u8fbe\u5f0f \uff08Regular Expression\uff09\u662f\u7528\u4e8e \u5339\u914d\u5b57\u7b26\u4e32\u4e2d\u5b57\u7b26\u7ec4\u5408 \u7684\u6a21\u5f0f\u3002\u5728 JavaScript\u4e2d …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"emotion":"","emotion_color":"","title_style":"","license":"","footnotes":""},"categories":[2],"tags":[12,10],"class_list":["post-440","post","type-post","status-publish","format-standard","hentry","category-2","tag-js","tag-10"],"_links":{"self":[{"href":"https:\/\/eve2333.top\/index.php?rest_route=\/wp\/v2\/posts\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eve2333.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eve2333.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eve2333.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eve2333.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=440"}],"version-history":[{"count":0,"href":"https:\/\/eve2333.top\/index.php?rest_route=\/wp\/v2\/posts\/440\/revisions"}],"wp:attachment":[{"href":"https:\/\/eve2333.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eve2333.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eve2333.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}