JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】

在前端开发中，表单数据的验证是非常重要的一环。通过使用 JavaScript 正则表达式，可以方便地验证输入内容是否符合规定格式。本文将会介绍常见的几种数据类型的验证方式，并提供相应的代码示例。

验证年龄

验证一个数字是否为年龄，通常的范围是 1 到 120 岁之间。

function isValidAge(age) {
  const ageRegex = /^(1[0-9]{1,1}|[1-9][0-9]{0,1}|120)$/;
  return ageRegex.test(age);
}

验证数字

验证一个字符串是否为数字，可以使用下面的代码。

function isNumber(str) {
  const numberRegex = /^[0-9]+$/;
  return numberRegex.test(str);
}

验证 Email

验证一个字符串是否为有效的 Email 地址，可以使用下面的代码。

function isValidEmail(email) {
  const emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}$/;
  return emailRegex.test(email);
}

验证手机

验证一个字符串是否为中国大陆手机号码，可以使用下面的代码。

function isValidPhoneNumber(phone) {
  const phoneRegex = /^1[3-9][0-9]{9}$/;
  return phoneRegex.test(phone);
}

验证 URL

验证一个字符串是否为有效的 URL 地址，可以使用下面的代码。

function isValidUrl(url) {
  const urlRegex = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})(\/([^\s]*))?$/;
  return urlRegex.test(url);
}

验证日期

验证一个字符串是否为有效的日期格式，可以使用下面的代码。此处只考虑了年月日的情况。

-- -------------------- ---- -------
-------- ----------------- -
  ----- --------- - --------------------------
  -- ----------------------- -
    ------ ------
  -
  ----- ------ ------ ---- - ----------------
  ----- - - --- ---------- ----- - -- -----
  ------ --------------- --- -------------- ---
      -- ------------ - - --- --------------- ---
      -- ----------- --- ------------- ----
-

总结

以上是常见数据类型的验证方式，通过正则表达式，我们可以方便地验证用户输入的数据是否符合规范。在实际开发中，为了提高用户体验，我们应该尽可能详细地列举出所有可能遇到的情况，并给用户以及时明确的错误提示信息。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/829