如何顯示錯誤消息，如果字段留空或在jQuery驗證中的默認值

我想顯示錯誤消息，如果任何字段留空或在jQuery驗證默認值。當字段留空時，我的下面的代碼工作。但是，如果我將字段保留爲默認值，則不起作用。請任何人都可以幫我解決這個問題。由於如何顯示錯誤消息，如果字段留空或在jQuery驗證中的默認值

<!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>

對於舊的瀏覽器不支持此屬性，使用填充工具，因爲這一個：https://github.com/mathiasbynens/jquery-placeholder

來源

2013-07-06 09:07:39

你可以請嘗試以下操作。

$（document）.ready（function（）{

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

    } 
});

}）;

來源

2013-07-08 12:55:19 VJPB

如何顯示錯誤消息，如果字段留空或在jQuery驗證中的默認值

回答

相關問題