如何检查在 Material ui 文本字段中输入的值是否为 <iframe>？答案

【问题标题】：How to check if value entered in Material ui textfield is an <iframe>?如何检查在 Material ui 文本字段中输入的值是否为 <iframe>？
【发布时间】：2021-04-07 20:49:54
【问题描述】：

我在我的代码中使用 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
/>;

【问题讨论】：

标签： javascript html reactjs iframe material-ui

【解决方案1】：

您可以使用正则表达式来检查输入值是否包含类似的 iframe

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

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

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

【讨论】：