驗證不能以簡單的html格式運行
[英]validation is not working in simple html form
問題描述
我已經為html表單制作了一個小代碼，並試圖用javascript驗證它，但它沒有工作，甚至沒有給出任何錯誤...我沒有得到什么背后的問題....我已經看到[javascript簡單驗證沒有工作？
這是我的代碼..
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>A simple Input Form</title>
<script type="text/javascript">
function validateEmail() {
//var emailID = document.myForm.email.value;
if(!validateNonEmpty(inputField, helpText))
return false;
return validateRegEx(/^\d{2}\/\d{2}\/\d{4}$/, inputField.value, helpText,
"please enter an email address i.e. johndoe@acme.com");
}
function validatedob(inputField, helpText){
if(!validateNonEmpty(inputField, helpText))
return false;
return validateRegEx(/^\d{2}\/\d{2}\/\d{4}$/, inputField.value, helpText,
"please enter an email address i.e. johndoe@acme.com");
}
function age(){
var currentDate = new Date()
var day = currentDate.getDay()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
}
function formValidate(){
if( document.myForm.dob.value == "" )
{
alert( "Please provide your date of birth!" );
document.myForm.dob.focus() ;
return false;
}
else {
var dateformat = validatedate();
if (dateformat == false)
{
return false;
}
}
if( document.myForm.email.value == "" )
{
alert( "Please provide your Email!" );
document.myForm.email.focus() ;
return false;
}else{
var ret = validateEmail();
if( ret == false )
{
return false;
}
}
if (document.myForm.age.value="")
{
alert("please provide your age");
document.myForm.age.focus();
return false;
}
else
{
var ageformat = validateage();
if (ageformat == false)
{
return false;
}
}
}
</script>
</head>
<body>
<div id="left">
<input type="button" value="previous">
<img src="/images/jump2" alt="Just-in-time" />
</div>
<input type="button" value="next">
<form name="myForm" method="post" action="success.html" onsubmit="formValidate();">
Date of Birth: <input id="dob" type="text" name="dob" size=10><br>
Age: <input id="age" type="text" name="age"><br>
Email: <input id="email" type="text" name="email"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
3 個解決方案
解決方案1
2 2013-09-13 10:26:00
並將method="post"添加到您的form標記中。
解決方案2
1 2013-09-13 10:21:06
在formValidate（）中更改此
document.myForm.Name.value == "" to document.myForm.dob.value == ""
document.myForm.EMail.value == "" to document.myForm.email.value == ""
不使用
document.write("<b>" + day + "/" + month + "/" + year + "</b>");
它將取代你身體的全部內容
解決方案3
1 2013-09-13 10:28:01
首先，在你的formValidate(),
首先，如果條件不正確。您的表單沒有“name”元素，它應該是“dob”或“age”或“value”。
其次 ，在第二個if而不是if( document.myForm.EMail.value == "" ) ，它應該是if( document.myForm.email.value == "" ) 。
JS 表單驗證不適用於簡單的 html 表單
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.