正则表达式只允许数字字母和连字符 - Javascript

在 Javascript 中，你可以通过正则表达式来限制输入的格式，确保用户输入的内容符合预期。如果你想让用户输入只包含数字、字母和连字符，那么可以使用以下正则表达式：

/^[a-zA-Z0-9-]+$/

这个正则表达式包含了三个部分：

• ^ 表示字符串的开始；
• [a-zA-Z0-9-] 表示只允许包含字母、数字和连字符；
• + 表示前面的规则可以出现一次或多次，保证字符串不能是空的；
• $ 表示字符串的结束。

使用这个正则表达式可以保证用户输入的内容只包含数字、字母和连字符，而不包含其他字符。

下面是一个示例：

const input = document.getElementById('input');

input.addEventListener('input', (event) => {
  const value = event.target.value;
  const isValid = /^[a-zA-Z0-9-]+$/.test(value);
  
  if (!isValid) {
    input.setCustomValidity('只允许输入数字、字母和连字符');
  } else {
    input.setCustomValidity('');
  }
});

这段代码监听了一个输入框的输入事件，当用户输入的内容不符合正则表达式时，会显示一个错误提示，阻止用户提交表单。这个方法可以用于任何需要限制输入格式的场景，确保用户输入的内容符合预期。