表格验证?

时间:2013-09-27 12:07:53

标签: forms validation

我是Javascript的新手并尝试进行表单验证。

我不知道我在做什么错在哪里提示?

<HTML>
<HEAD>
      <TITLE>Comment Form</TITLE>

      <script type ="text/javascript"> 
          function Validate() {
          }

          Message = ""
          Message = Message + CheckName()
          Message = Message + CheckEmail()
          Message = Message + CheckComments()


         if (Message =="") {
             return true
         }
         else {
            alert(Message)
            return false
         }

    }

    funtion CheckName()
        UserName = document.f1.Name.value

        if(UserName =="") {
             Message ="Please enter your name"
        }
else 
Message=""
}
return Message 

}

//检查电子邮件:

function CheckEmail() {
email = document.f1.Email.value
AtPos = email.indexOf("@")
StopPos = email.lastIndexOf(".")
Message = ""

if (email == "") {
Message = "Not a valid Email address" + "\n"
}

//if blank: 

if (AtPos == -1 || StopPos == -1) {
Message = "Not a valid email address"
}

//if no @ and no . 


if (StopPos < AtPos) {
Message = "Not a valid email address"
}

//if . before @ 

if (StopPos - AtPos == 1) {
Message = "Not a valid email address"
} 

return Message
}

结束脚本下面的部分是否可能缺少某些内容? 我是否需要在动作字段中添加“”?它要求我更多的文字只是为了填补空间我打算放在这里?有没有其他方法来实现我在这里尝试做的事情?这是一种过时的方法吗?

</script>
</HEAD>
<BODY BGCOLOR = White>
<form name="f1" method="post" action="" onSubmit="return Validate()" enctype = text/plain>
  <table width="672" border="0" cellpadding="0" cellspacing="0">
    <tr> 
      <td width="142" valign="top" rowspan="4">&nbsp;</td>
      <td valign="top" height="45" colspan="4" align="center"> <b>Name:</b> 
        <input type="text" name="Name" size="30">
      </td>
    </tr>
    <tr> 
      <td height="40" valign="top" colspan="4" align="center"><b>Email: 
        <input type="text" name="Email" size="30">
                <td height="151" valign="top" colspan="4" align="center"> 
        <textarea name="Comments" cols="40" rows="7">Add Your Comments here</textarea>
      </td>

    </tr>
       </form>
</BODY>
</HTML>

2 个答案:

答案 0 :(得分:0)

首先,您要立即关闭验证功能

function Validate() {
}

所以打电话

OnSubmit=Validate()

绝对不会做任何事。

从删除结束开始}并确保您的Validate函数实际上包含验证逻辑。

答案 1 :(得分:0)

请使用以下链接

Form Validation

并且你可以得到你的答案,描述哪个东西用于什么?