表单验证Javascript没有响应
表单验证Javascript没有响应
提问于 2015-02-06 03:21:09
几秒钟前，它还在工作，我没有改变任何东西。我的web应用程序是一个简单的web应用程序。Javascript在将表单重定向到servlet之前负责表单验证。我做错什么了？
表单验证未进行验证。我是一个新手程序员，所以请帮助我。
// form-validation (javascript)
function validateForm() {
var firstname = document.forms["myForm"]["förnamn"].value;
var lastname = document.forms["myForm"]["efternamn"].value;
var address = document.forms["myForm"]["address"].value;
var email = document.forms["myForm"]["email"].value;
var news = document.forms["myForm"]["news"].value;
if (firstname == null || firstname == "") {
alert("Var god och fyll i alla fält!");
return false;
} else if (lastname == null || lastname == "") {
alert("Var god och fyll i alla fält!");
return false;
} else if (address == null || address == "") {
alert("Var god och fyll i alla fält!");
return false;
} else if (email == null || email == "") {
alert("Var god och fyll i alla fält!");
return false;
} else if (email.indexOf("@hotmail.com") === -1) {
alert("Skriv in en korrekt mail-address. exempel@hotmail.com");
return false
}
}
//]]>
</script>
</head>
<body>
<fieldset style="width: 450px; padding: 20px">
<div id="page">
<div id="header">
<h1>Abdi Tem</h1>
<h2>Welcome to my website</h2>
</div>
<div id="bar">
<div class="link">
<a href="Hem.html">Hem</a>
</div>
<div class="link">
<a href="CV.html">INFO</a>
</div>
<div class="link">
<a href="Kontakt.html">Ḱontakt</a>
</div>
</div>
</div>
<h1>Hyr en programmerare:</h1>
<form name="myForm" action="ServletProjekt"
onsubmit="return validateForm()" method="post" id="myForm">
<table>
<tr>
<td>Ditt namn:</td>
<td><input type="text" name="fornamn" /></td>
</tr>
<tr>
<td>Ditt efternamn:</td>
<td><input type="text" name="efternamn" /></td>
</tr>
<tr>
<td>Din adress:</td>
<td><input type="text" name="address" /></td>
</tr>
<tr>
<td>Din email:</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>Är ditt ärende akut?</td>
<td><input type="radio" name="howoften" value="often"
checked="checked" />JA <input type="radio" name="howoften"
value="not often" />NEJ</td>
</tr>
<tr>
<td>Vad vill du ha hjälp med?</td>
<td><input type="checkbox" name="news" value="Java"
checked="checked" />Programmering <input type="checkbox"
name="news" value="C" />Felsökning/Debugging</td>
</tr>
<tr>
<td>Hur många timmar kommer ditt ärende att ta?</td>
<td><select name="age">
<option>10-20h</option>
<option>30-40h</option>
<option>50-60h</option>
<option>70h+</option>
</select></td>
</tr>
</table>
<hr />
<input type="submit" name="submit" value="Beställ" />
</form>
</fieldset>
</body>
</html>Stack Overflow用户
发布于 2015-02-06 03:36:24
看看这个：http://jsfiddle.net/phpadqcr/
我把你的javascript代码移到结束html标签之前，在一个代码块里，我发现这里有一个拼写错误：
var firstname = document.forms["myForm"]["förnamn"].value;您可以通过将"förnamn“替换为"fornamn”来修复它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28352264
复制相关文章
相似问题
腾讯云开发者
