一段JS做的用户名无刷新验证

最新推荐文章于 2025-08-13 18:53:35 发布

qjyong

最新推荐文章于 2025-08-13 18:53:35 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qjyong/article/details/2808054

本文档提供了一个简单的HTML前端页面示例，该示例使用JavaScript进行基本的表单验证，确保用户输入的名称符合特定的格式要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function checkName(){
  var oName = document.forms[0].username;
  var reg = /^[a-zA-Z_].{3,}$/;
  if(reg.test(oName.value)){
   document.getElementById("unameMsg").innerHTML = "";
  }else{
   document.getElementById("unameMsg").innerHTML = "<font color='red'>用户名不合法</font>";
   oName.select();
  }
}

</script>
</head>