如何防止用户粘贴特定的特殊字符(只允许包含(_ - .)在使用jsx的表单中

import React, { useState } from "react";

const FormComponent = () => {
  const [inputValue, setInputValue] = useState("");
  const [errorMessage, setErrorMessage] = useState("");

  const handleInputChange = (event) => {
    const value = event.target.value;
    const filteredValue = value.replace(/[^a-zA-Z0-9_\-\.]/g, ""); // 过滤非法字符

    setInputValue(filteredValue);
    setErrorMessage("");
  };

  const handleSubmit = (event) => {
    event.preventDefault();

    if (!inputValue) {
      setErrorMessage("输入不能为空");
      return;
    }

    // 提交表单的逻辑处理
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        value={inputValue}
        onChange={handleInputChange}
      />
      <p>{errorMessage}</p>
      <button type="submit">提交</button>
    </form>
  );
};

export default FormComponent;