如何檢查 Material ui 文本字段中輸入的值是否為<iframe> ?

Question

我在我的代碼中使用 TextField material-ui 組件。 我想檢查用戶輸入的值是否是 iframe。 我怎么能做到這一點？ 我正在使用 ReactJS。

我正在使用window.parent.frames.length > 0; 檢查頁面是否有iframe但它不適用於TextField案例。 我想在onChange而不是在頁面級別上處理這種情況，似乎window.parent.frames.length > 0; 在頁面級別工作。 我希望在TextField onChange中進行檢查

這是我的代碼：

<TextField
    label="Enter iframe"
    variant="outlined"
    onChange={({ target }) => {
        const value = target.value;
    
        //I want to check if `value` is an iframe
        handleChange(value)

    }}
    multiline
/>;

Answer 1

您可以使用正則表達式來檢查輸入值是否包含具有類似內容的 iframe

const containsIframeRE = /<iframe(?: [^>]*?)?(?:\/>|>.*?<\/iframe>)/i;

if (containsIframeRE.test(inputValue)) alert("Iframe found!");

您可以在https://regex101.com/r/uMfLFS/1上看到正則表達式的工作和使用