前端简单输入校验

前端简单输入校验，说白了就是提交前用 JS 看一眼：空没空、长度对不对、是不是数字。不用搞复杂正则，够用就行。PHP 页面里常见，前端先拦，后端再兜底。

<input id="tel" placeholder="手机号">
<button onclick="check()">提交</button>
<script>
function check() {
  let v = document.getElementById('tel').value.trim();
  if (v === '') { alert('不能为空'); return; } // 非空
  if (!/^\d{11}$/.test(v)) { alert('要11位数字'); return; } // 数字+长度
  alert('通过');
}
</script>

要点：trim 去空格，正则只做简单匹配，别把校验写得太死。标签：前端校验,JavaScript,表单