如何显示错误消息，如果字段留空或jQuery中的默认值验证

debugcn 发表于 Dev

用户名

如果jquery validate中的任何字段保留为空白或默认值，我想显示错误消息。当字段为空时，我的以下代码工作。但是，如果我将字段保留为默认值，它将无法正常工作。拜托，任何人都可以帮助我解决这个问题。谢谢

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
<title>jQuery Validation Plugin</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="validation.js"></script>
<script type="text/javascript">
$(document).ready(function () {

    $('#myform').validate({
        rules: {
            name: {
    required: function() {return ($("#name").val()== "Name" || $("#name").val()== "");}
            },
            password: {
                required: function() {return ($("#password").val()== "Password" || $("#password").val()== "");}
            }
        },
        messages: {
            name: {
                required: "Name required"
                            },
            password: {
                required: "Password required"
            }
        }

    });

});
</script>
<style type="text/css">
#myform input.error {
border:1px solid red;
}
</style>
</head>
<body>
<form id="myform" method="post" action="#">
    <input type="text" name="name" id="name" value="Name"/>
    <br/>
    <input type="text" name="password" value="Password"  id="password"/>
    <br/>
    <input type="submit" />
</form>
</body>
</html>

沃尔夫

对于这种使用占位符，通常应使用HTML5属性：

<form id="myform" method="post" action="#">
    <input type="text" name="name" id="name" placeholder="Name"/>
    <br/>
    <input type="text" name="password" placeholder="Password"  id="password"/>
    <br/>
    <input type="submit" />
</form>

对于不支持此属性的较旧的浏览器，请使用polyfill作为该属性：https : //github.com/mathiasbynens/jquery-placeholder

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。