Как показать сообщение об ошибке, если поле осталось пустым или значением по умолчанию в jquery validate

Я хочу показать сообщение об ошибке, если какое-либо из полей осталось пустым или значением по умолчанию в jquery validate. Мой следующий код работает, когда поле остается пустым. Но это не работает, если я оставляю поле по умолчанию. Пожалуйста, любой может помочь мне решить эту проблему. БлагодаряКак показать сообщение об ошибке, если поле осталось пустым или значением по умолчанию в 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>

источник

2013-07-06 user2365514

Вы должны, как правило, для этого атрибута использовать заполнитель 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

источник

2013-07-06 09:07:39

Вы можете попробуйте следующее.

$ (документ) .ready (функция() {

$('#myform').validate({ 
    rules: 
    { 
     name: { required: true }, 
     password: { required: true } 

    } 
});

});

источник

2013-07-08 12:55:19 VJPB

Как показать сообщение об ошибке, если поле осталось пустым или значением по умолчанию в jquery validate

ответ

Смежные вопросы