javascript验证不起作用 <form name="contact" method="post" action="" onsubmit="return javaScriptValidation(this)">_Javascript_Html_Validation

javascript验证不起作用 <form name="contact" method="post" action="" onsubmit="return javaScriptValidation(this)">

javascript html validation

javascript验证不起作用 <form name="contact" method="post" action="" onsubmit="return javaScriptValidation(this)">,javascript,html,validation,Javascript,Html,Validation,validateType、validateStatus、validateMessage不起作用。有什么想法吗？ validateEmail和validateName有效。我试着调试这个有一段时间没有任何运气。我已经筋疲力尽了。谢谢你的帮助！这种形式称为接触 <html> <head> <title>Student Contact Form</title> <link rel="stylesheet" type="text/css" h

validateType、validateStatus、validateMessage不起作用。有什么想法吗？ validateEmail和validateName有效。我试着调试这个有一段时间没有任何运气。我已经筋疲力尽了。谢谢你的帮助！这种形式称为接触

<html>
<head>
<title>Student Contact Form</title>
<link rel="stylesheet" type="text/css" href="homeStyle.css">
<script type="text/javascript">
function focus()  
{
    name1.focus();
}
function javaScriptValidation()
{  
if (validateName() == false)
      {
        return false;
      }
if (validateEmail() == false)
      {
        return false;
      }
if (validateSubject() == false)
      {
        return false;
      }
if (validateType() == false)
      {
        return false;
      }
if (validateStatus() == false)
      {
        return false;
      }
if (validateMessage() == false)
      {
        return false;
      }
return true;
}
function validateName()
{
var letters = /^[A-Za-z]+$/;
if (!letters.test(name1.value)) 
  {
    alert("Invalid Name (only letters)");
    name1.focus();
    return false;
  }
}
function validateEmail()
{
var letters = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!letters.test(email.value))
    {
    alert("Invalid Email");
    email.focus();
    return false;
  }
}
function validateType()
{
var listSelection=document.forms["contact"]["type1"].value;
if(listSelection=="--Please Select--")
  {
  alert("You must select the reason to contact");
  return false;
  }
}
function validateStatus()
{
if ((contact.status[0].checked == false ) && (contact.status[1].checked == false )  && (contact.status[2].checked == false ) && (contact.status[4].checked == false)) 
{
  alert("Please select your status"); 
  return false;
}
}
function validateMessage()
{
var letters = /^[A-Za-z]+$/;
if (!letters.test(message.value)) 
  {
    alert("please write a message");
    message.focus();
    return false;
  }
}
</script>
</head>
<body onload="focus()">
    <div id = "banner">
            <a href = "Uparty.php"><img src = "images/logo03.jpg" alt = "Uparty Logo"/></a>
    </div>
<div id = "userAccount">
            <a href = "Uparty.php"> | HOME <img src = "images/home.png" alt ="event" style = "width:2%"/></a>
            <a href = "eventForm.php"> | CREATE EVENT! <img src = "images/event.png" alt ="event" style = "width:2%"/></a>
            <a href = "changePassword.php">| CHANGE PASSWORD <img src = "images/changePassword.jpg" alt = "change password icon" style = "width:2%"/></a>
            <a href = "contact.php"> | CONTACT US <img src = "images/contact.png" alt ="contact" style = "width:2%"/></a>
            <a href = "logout.php"> | LOG OUT <img src = "images/Log-Out-icon.png" alt = "logout icon" style = "width:2%"/></a>
</div>
<div id = "banner"> 
<img src = "images/Get in Touch.JPG" alt = "contact us"/>
<form name="contact" method="post" action="" onsubmit="return javaScriptValidation()">
<h2>WE'D LOVE TO HEAR FROM YOU</h2>
<p>Your Name [required] <br />
<input type="textbox" name="name" id="name1" class="boxes" size="40"/></p>
Your Email [required]<br />
<input type="textbox" name="email" id="email" class="boxes" size="40"/><br />
<p>Type: <select id="type1" class="type">
    <option value="--Please Select--" selected="selected">--Please Select--</option>
    <option value="support">Support</option>
    <option value="feedback">Feedback</option>
    <option value="general">General</option>
</select></p>
<p>College Statues-->
<input type="radio" name="status" value="freshman"/>Freshman
<input type="radio" name="status" value="Sophomore"/>Sophomore
<input type="radio" name="status" value="Junior"/>Junior
<input type="radio" name="status" value="Senior"/>Senior</p>
<p>Subject [required]<br />
<input type="textbox" name="subject" class="boxes" size="40"/><p>
<img src = "images/send a message banner.JPG" alt = "contact picture"/> <br />
Message [required]<br />
<textarea name="message" id="message" rows="15" cols="40"></textarea><br />
<input type="submit" class="submit" value="submit"/>
<input type="reset" class="reset" value="reset"/> 
</form>
<img src = "images/background.JPG" alt = "logout icon" style = "width:100%"/>
</div>
</body>
</html>

除去

if (validateSubject() == false)
      {
        return false;
      }

if (validateSubject() == false)
      {
        return false;
      }

您尚未定义validateSubject函数

您没有名为validateSubject的函数

这里叫什么

添加ValidateSubject实现和更改：

function validateName()
{
var letters = /^[A-Za-z]+$/;
if (!letters.test(name1.value)) 
  {
    alert("Invalid Name (only letters)");
    name1.focus();
    return false;
  }
   return true;  //add this line to each method
}

请替换为以下js

为选择框添加名称 <select id="type1" class="type" name="type">

在提交验证时在表单上添加此标记 <form name="contact" method="post" action="" onsubmit="return javaScriptValidation(this)">

您的功能有什么不起作用？状态、类型、消息和主题不生效。没有错误消息。即使值不在javascript检查范围内，它也会提交表单。我发现了返回错误的原因：if contact.status[0]。checked==false&&contact.status[1]。checked==false&&contact.status[2]。checked==false&&contact.status[4]。checked==false上次检查应标记为3而不是4。。。打字错误。。。现在一切都好了。。。。。。非常感谢所有帮助我的人。希望这能帮助其他人。这是一个很好的收获。我定义了一个“validateSubject”，但其他函数仍然不起作用。 <form name="contact" method="post" action="" onsubmit="return javaScriptValidation(this)">