Javascript未验证的所有字段

下面是我的HTML代码，在其中，它只验证前两个字段，即婴儿姓名和手机号码，只在我单击提交按钮时弹出窗口警报消息，但不知道为什么它不验证以下字段，并在数据库中提交条目时抛出错误消息，因为图像等字段为空。我试了很多次，但没有发现错误

<script> 
function BabyContest()                                    
{ 
    var baby_name = document.forms["RegForm"]["baby_name"];               
    var mob_no = document.forms["RegForm"]["mob_no"];    
    var guardian_email = document.forms["RegForm"]["guardian_email"];  
    var dob =  document.forms["RegForm"]["dob"];  
    var lines_for_baby = document.forms["RegForm"]["lines_for_baby"];  
    var image_file =  document.forms["RegForm"]["image_file"];  
     
   
    if (baby_name.value == "")                                  
    { 
        window.alert("Please enter your baby's name."); 
        baby_name.focus(); 
        return false; 
    } 
   
 
    if (mob_no.value.match(/^\(?([6-9]{1})\)?([0-9]{9})$/))
        {
      return true;
        }
      else
        {
        alert("Please enter a Valid 10 digit Mobile Number");
        mob_no.focus();
        return false;
        }
           
    if (guardian_email.value == "")                                   
    { 
        window.alert("Please enter a email address."); 
        guardian_email.focus(); 
        return false; 
        }
        else
        {
          if (guardian_email.value != "")
          {
            if (guardian_email.value.match(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/))
            {
          return true;
            }
          else
            {
            alert("Please enter a Valid Email Address");
            guardian_email.focus()
            return false;
            }
          }
        }

   
    if (dob.value == "")                           
    { 
        window.alert("Please enter baby's date of birth."); 
        dob.focus(); 
        return false; 
    } 
   
    if (lines_for_baby.value == "")                        
    { 
        window.alert("Please write some lines for baby"); 
        lines_for_baby.focus(); 
        return false; 
    } 

    if (image_file.value == "")                        
    { 
        window.alert("Please input Image file"); 
        image_file.focus(); 
        return false; 
    } 
   
    return true; 
}
</script> 

函数BabyContest（）
{ 
var baby_name=document.forms[“RegForm”][“baby_name”]；
var mob_no=document.forms[“RegForm”][“mob_no”]；
var guardian_email=document.forms[“RegForm”][“guardian_email”]；
var dob=document.forms[“RegForm”][“dob”]；
var lines_for_baby=document.forms[“RegForm”][“lines_for_baby”]；
var image_file=document.forms[“RegForm”][“image_file”]；
如果（baby_name.value==“”）
{ 
window.alert（“请输入宝宝的名字”）；
baby_name.focus（）；
返回false；
} 
if（mob_no.value.match（/^\（？（[6-9]{1}）\）？（[0-9]{9}）$/）
{
返回true；
}
其他的
{
警报（“请输入有效的10位移动电话号码”）；
暴徒号焦点（）；
返回false；
}
如果（guardian_email.value==“”）
{ 
window.alert（“请输入电子邮件地址”）；
卫报_email.focus（）；
返回false；
}
其他的
{
如果（guardian_email.value！=“”）
{
如果（监护人电子邮件.value.match（/^[a-zA-Z0-9.！$%&'*+/=？^{{124;}-]+@[a-zA-Z0-9-]+（？：\.[a-zA-Z0-9-]+*$/）
{
返回true；
}
其他的
{
警报（“请输入有效的电子邮件地址”）；
卫报(email.focus)
返回false；
}
}
}
如果（dob.value==“”）
{ 
window.alert（“请输入婴儿的出生日期”）；
dob.focus（）；
返回false；
} 
if（行\u表示\u baby.value==“”）
{ 
提醒（“请为宝宝写几行”）；
为宝宝画线。焦点（）；
返回false；
} 
如果（image_file.value==“”）
{ 
window.alert（“请输入图像文件”）；
image_file.focus（）；
返回false；
} 
返回true；
}

输入婴儿的姓名
卫报手机号码：

输入卫报的电子邮件
请输入一个有效的电子邮件地址，以便通过此电子邮件进行进一步通信
您的宝宝出生日期
一些适合宝宝的线条
请上传宝宝的图片

提交

手机号码检查的

if

语句中包含一个

return true

，该语句会使功能的其余部分短路。在每次检查成功后，即未应用

return false

后，在函数末尾应该只有一个

return true

例如，您可以考虑将移动号码检查行更改为

if（！mob\u no.value.match（/^\（？（[6-9]{1}）\）？（[0-9]{9}）$/）

并完全删除该

if

语句的

returntrue

部分

---

一般来说，实现这一点的另一种方法是使用变量

var ret=true

，并在每次检查中适当设置此变量，然后在最后返回ret。这种方法会带来最终用户可能会收到多个警报的副作用，所以在第一次失败时<>代码>返回false 的机制更适合这个应用。

如果你的问题得到了满意的回答，请考虑选择一个标记的答案，以结束你的问题。

<form action="/upload" method="post" enctype="multipart/form-data" name="RegForm" onsubmit="return BabyContest()">
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b>Enter Baby's Name</b></p>
      <div class="flex w-full md:justify-start justify-center">
        <input class="bg-gray-100 rounded mr-4 border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 lg:w-full xl:w-1/2 w-2/4" placeholder="Enter Contestant's Name" type="text" name="baby_name" >        
      </div>
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b> Guardian's Mobile No:</b></p>
      <div class="flex w-full md:justify-start justify-center">
        <input class="bg-gray-100 rounded mr-4 border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 lg:w-full xl:w-1/2 w-2/4" placeholder="Enter 10 digit Mobile No." type="tel" name="mob_no" >        
      </div>
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b>Enter Guardian' email</b></p>
      <div class="flex w-full md:justify-start justify-center">
        <input class="bg-gray-100 rounded mr-4 border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 lg:w-full xl:w-1/2 w-2/4" placeholder="Enter valid Email address" type="email" name="guardian_email" >        
      </div>
      <p class="text-sm mt-2 text-gray-500 mb-8 w-full">Please enter a valid email address as further communicaiton will be done this email</p>
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b>Date Of Birth Of Your Baby</b></p>
      <div class="flex w-full md:justify-start justify-center">
        <input class="bg-gray-100 rounded mr-4 border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 lg:w-full xl:w-1/2 w-2/4" placeholder="mm/dd/yyyy" type="date" name="dob" >  
     
      </div>
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b>Some Pleasurable Lines For Baby</b></p>
      <div class="flex w-full md:justify-start justify-center">
        <textarea class="bg-gray-100 rounded mr-4 border border-gray-400 h-48 focus:outline-none focus:border-indigo-500 text-base px-4 lg:w-full xl:w-1/2 w-2/4" placeholder="Write some Pleasurable Lines For Baby" type="text" name="lines_for_baby" ></textarea>     
      </div>
      
      <p class="title-font sm:text-xl text-xl mb-4 font-small text-blue-600"><b>Please Upload Image Of Baby</b></p>
      <div class = "row">

            <input type="file" name="image_file"  >
            <button type="submit" class="inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg" >Submit </button>
          </div> 
</form>