错误消息在简单的 javascript 表单验证中不起作用
纳伦德
以下代码在提交时无法显示错误消息。
问题是单击一次时错误消息无法正确显示，但如果您多次单击它就可以了。
帮助将不胜感激。
谢谢
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>JavaScript form validation - checking all letters</title>
<style type="text/css">
li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}
</style>
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Enter your Name and Submit</h2>
<form name="form1" action="#">
<ul>
<li>
Code:
</li>
<li id="myList">
<input type='text' name='text1'/>
<p id="error"></p>
</li>
<li class="rq">
*Enter alphabets only.
</li>
<li> </li>
<li>
<input type="submit" name="submit" value="Submit" onclick="allLetter(document.form1.text1)" />
</li>
<li> </li>
</ul>
</form>
</div>
<script type="text/javascript">
function allLetter(inputtxt) {
var letters = /^[A-Za-z]+$/;
if(inputtxt.value.match(letters)) {
document.getElementById("error").innerHTML="error here";
return false;
} else {
document.getElementById("error").innerHTML="success";
return true;
}
}
</script>
</body>
</html>
巨无霸
您的问题和解决方案非常简单。
当您单击表单按钮时，表单会自动提交，这就是您什么也看不到的原因。将此添加到您的按钮代码中，以便您可以防止提交输入的默认功能：
<input type="submit" name="submit" value="Submit" onclick="allLetter(document.form1.text1);return false" />
那应该解决它：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
用于表单验证的简单Javascript不起作用
- 2
验证Javascript中的表单不起作用
- 3
为什么 Javascript 验证在 html 表单中不起作用？
- 4
JavaScript表单验证不起作用
- 5
JavaScript验证表单不起作用
- 6
简单的Javascript提示验证循环不起作用
- 7
验证在javaScript中不起作用
- 8
验证消息在Thymeleaf中不起作用
- 9
HTML5表单验证的Javascript代码不起作用
- 10
HTML5表单验证的Javascript代码不起作用
- 11
JavaScript验证在HTML表单上不起作用
- 12
Html-Javascript 表单验证不起作用
- 13
Javascript 表单验证在引导模式下不起作用
- 14
jQuery 表单验证简单示例不起作用
- 15
eBay列表中的JSSOR滑块不起作用，错误消息“您不能放JavaScript”
- 16
rails 验证错误消息不起作用
- 17
jQuery表单验证默认消息替换不起作用
- 18
简单的Javascript代码在Chrome和Safari中不起作用
- 19
JavaScript中的简单变异观察器示例不起作用
- 20
简单的Javascript在Wordpress / WooCommerce插件中不起作用
- 21
HTML和Javascript中的简单Calaculator不起作用
- 22
以下简单的Javascript代码不起作用
- 23
简单的JavaScript代码不起作用
- 24
简单的JavaScript示例不起作用
- 25
简单的javascript if charAt语句不起作用
- 26
简单的JavaScript if语句不起作用
- 27
使用JavaScript的表单中的实时计算不起作用
- 28
我的表单请求中的一个简单的验证规则不起作用怎么办？
- 29
文本区域验证在javascript php中不起作用
我来说两句