你好我有一个简单的表单来验证我想做一个客户端验证可以说我的表单只有一个字段的名称我想检查名称长度是否在5到20个字符之间如果是的话没问题,数据将被发送到服务器,然后应用服务器端验证;但是,如果不是,那么错误消息将显示在输入字段旁边的范围内,表示它必须是5到20个字符。问题是当我点击提交按钮它显示的结果不到一秒钟,然后它会导致提交按钮重新加载页面,这也意味着如果我已经包括了我的服务器端验证,它也将被处理,因为输入数据已经发送,所以我怎样才能停止提交按钮从发送数据到服务器并重新加载页面而不禁用按钮。如何在不禁用JQuery按钮的情况下停止提交表单?
这里是我的示例代码
<!doctype html>
<html>
<head>
<title>form validation</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#submit").click(function(){
myfunction();
});
function myfunction()
{
name = $("#user").val();
nameError = $(".error").first();
myError = "";
if(name.length < 5 || name.length > 20)
myError += "length should be between 5 and 20 ";
else
myError += "ok"
nameError.html(myError);
}
});
</script>
<style>
.error
{
color : red;
text-transform: capitalize;
margin-left: 20px;
}
</style>
</head>
<body>
<form method="post" action="">
NAME : <input type="text" name="user" id="user"><span class="error"></span><br />
<input type="submit" value="Submit" id="submit">
</form>
</body>
</html>
返回真/从 “myfunction的” 假并检查按钮等 –