JavaScript正則表達式接受不像Java中的那樣被接受的輸入

Question

我熟悉Java正則表達式，但不是Javascript正則表達式。

我想檢查字符串輸入的有效性，如果它看起來像名字。名字可以是xxxx xxx或xxx，其中x是一個字母。請注意，在我所說的內容中，x的數量有所不同。所以這是我的代碼：

function checkName(name) { 
    var pattern = new RegExp('([A-Za-z]+|[A-Za-z]+\\s[A-Za-z]+)'); 
    return pattern.test(name); 
} 

我已經做了一個函數，將處理我的表單中的文本輸入的名稱。現在它正在爲諸如邁克爾或邁克爾詹姆斯之類的投入工作。但是，它也適用於M3，例如它有一個數字，應該不起作用。那麼這個專家在這個世界上的任何幫助呢？

Answer 1

JavaScript中沒有matches方法（與Java不同）。如果您只想確保整個字符串與模式匹配，請在開始處添加^，並在末尾添加$。此外，如果您的正則表達式模式是靜態的，建議使用正則表達式文字表示法/.../。

使用

var pattern = /^([A-Za-z]+|[A-Za-z]+\s[A-Za-z]+)$/; 
       ^^        ^ 

爲了進一步優化它（雖然性能增益將是微小的），你可以使用一個可選的組(?:....)?（見vasan的comment）：

var pattern = /^[A-Za-z]+(?:\s[A-Za-z]+)?$/; 
         ^^^^^^^^^^^^^^^^ 

見regex demo。

function checkName(name) { 
 
    var pattern = /^([A-Za-z]+|[A-Za-z]+\s[A-Za-z]+)$/; 
 
    return pattern.test(name); 
 
} 
 

 
let log = document.querySelector("#log"), 
 
    test = document.querySelector("#test"); 
 

 
test.addEventListener("input", e => { 
 
    if(checkName(test.value)){ 
 
    log.style.color = "green"; 
 
    log.innerHTML = "Passed!"; 
 
    }else{ 
 
    log.style.color = "red"; 
 
    log.innerHTML = "Failed"; 
 
    } 
 
});

#test:focus{outline: none;}

<input type="text" id="test" autofocus /><br /> 
 
<span id="log"></span>