以下是我的代码。我想要做的就是添加验证,因此当用户点击输入字段时,会显示验证消息“需要名称”。然而在那一刻,它只是在输入字段下方,并且一直在那里。谢谢试图添加jQuery验证而不提交()按钮
$(document).ready(function(){
if($('#firstname').val() == ''){
$('.errorMsg').show();
} else{
$('.errorMsg').hide();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="firstname">First Name</label>
<input type="text" name="firstname" id="firstname" placeholder="First name" maxlength="15" <span class="errorMsg">Name required </span>
</input>
如果这是一个真实世界中的应用,我也建议针对'maxlength'属性。人们往往比大多数web开发人员可以想象的更有趣的名字 –
@OliverBaumann但是,如果数据库只接受15,那么它可能会导致一些麻烦。但我同意15个字符对于名字而言是低的。 – Ivar
@Ivar,如果一个数据库只接受15个varchars,说实话,数据库管理员;-),这不是一个参数。显然没有冒犯的意思! –