我是 jquery 的新手。我正在尝试创建一个表单,如果用户不输入用户名,用户将收到错误消息。我创建了一个表单,其中包含输入文本、一个 span 标签和一个按钮。如果我点击按钮和用户名字段,span 标签应该是可见的。
我的 HTML 代码如下所示:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery-1.9.1.min.js"></script>
<script src="check1.js"></script>
<body>
<div>
<form id="myform" method="post">
<table border="1">
<tr>
<td>
<input type="text" id="uname"/>
</td>
<td>
<span class="error">please enter data</span>
</td>
</tr>
<tr>
<td>
<button id="check"> submit</button>
</td>
</tr>
</table>
</form>
</div>
</body>
我的 style.css 文件:
.error
{
visibility: hidden;
}
.error_show
{
visibility: visible;
color: red;
}
和 JQuery 文件:
$(document).ready(function() {
$("#myform").on("submit", function(){
var uname = $("#uname").val();
if(uname == "")
{
$(".error").addClass("error_show");
}
});
});
我在 JQuery 中使用了表单提交。该错误显示不到一秒钟。为什么会这样?代码有什么问题吗?
最佳答案
使用 preventDefault()
禁用 submit
事件的默认行为
$("#myform").on("submit", function(e){
e.preventDefault();
....rest of your code
});
关于javascript - 错误不会显示在以 html 形式提交的表单上的 span 标记中 - Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34035053/