javaScript实现表单验证（弹出对话框）

最新推荐文章于 2025-06-19 19:48:29 发布

原创

最新推荐文章于 2025-06-19 19:48:29 发布 · 5k 阅读

9 ·

CC 4.0 BY-SA版权

该博客展示了一段JavaScript代码，用于实现网页表单的验证功能。包括检查用户名、密码、确认密码的一致性和长度，选择性别，至少选择一个爱好以及选择省份等。当用户提交表单时，如果输入不符合要求，会弹出相应的警告对话框。

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

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript">
           function formYanzheng(){
               flag=true;
               var user=document.getElementById("user").value;
               var pwd1=document.getElementById("pwd1").value;
               var pwd2=document.getElementById("pwd2").value;

               //获取性别的值
               var xb=document.getElementsByName("xb");
               var xbValue="";
               for(i=0;i<xb.length;i++)
               {
                   if(xb[i].checked==true)
                   {
                       xbValue=xb[i].value;
                       break;
                   }

               }

               //获取爱好的值
               var hobby=document.getElementsByName("hobby");
               var hobbyValue="";
               for(i=0;i<hobby.length;i++)
               {
                   if(hobby[i].checked==true)
         &