                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery插件——Validation Plugin

大神們幫我看看代碼的問題吧

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css" media="screen">
??? form{width:300px;}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>biaodan</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
??? <form id="demoForm">
??? <fieldset> 用戶登陸
??? <p>
??? <label for="username">用戶名：</label>
?? <input type="text" value="" id="username" name="username">
??? </p>
??? <p>
??? <label for="password">密碼:</label>
?? <input type="password" value="" id="password" name="password" >
??? </p>
???? <label for="cpassword">確認密碼:</label>
?? <input type="password" value="" id="cpassword" name="cpassword" >
??? </p>
??? <p><input type="submit" value="登陸"></p>
??? </fieldset>
?? </form>
?? <script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script>
?? $(document).ready(function (){
??? $("#demoForm").validate({
??????? rules:{
????????? username:{
??????????? required:true,
??????????? maxlength:10,
??????????? minlength:2,
????????? },
????????? password:{
??????????? required:true,
??????????? maxlength:10,
??????????? minlength:2
????????? },
????????? cpassword:{
??????????? equalTo:"#password",
????????? }
??????
??????? },
??????? messages:{
?????????? username:{
??????????? required:"必須填寫用戶名",
??????????? maxlength:"用戶名最大為10位",
??????????? minlength:"用戶名最小為2位",
????????? },
????????? password:{
??????????? required:"必須填寫用密碼",
??????????? maxlength:"密碼最大為10位",
??????????? minlength:"密碼最小為2位"
????????? }
?????????? cpassword:{
??????????? equalTo:"兩次輸入的密碼不一致",
????????? }
??????? }

??? });
?? });
</script>
</body>
</html>

慕粉3760367

2016-10-24

源自：jQuery插件——Validation Plugin 2-5

關注問題我要回答

1304

操作

收起

6 回答

慕仰8118372
2018-05-23

在你配置之前引入validate.js

0 回復有任何疑惑可以回復我~

收起回答

慕粉3760367 提問者
2016-10-25

怎么引入validate插件

0 回復有任何疑惑可以回復我~

收起回答

Frank_Wu

先引入jQuery鏈接，在引入validate插件插件： <script src="vendor/jquery-1.10.0.js"></script> <script src="vendor/jquery.validate-1.13.1.js"></script> 前提是你需要下載好validate插件在本地，下載地址：https://jqueryvalidation.org/

2016-11-01 回復有任何疑惑可以回復我~

flying_chen
2016-10-25

messages上面那個大括符少了','

0 回復有任何疑惑可以回復我~

收起回答

flying_chen
2016-10-25

代碼中沒引入validate插件 ?

0 回復有任何疑惑可以回復我~

收起回答

慕粉3760367 提問者
2016-10-25

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css" media="screen">
??? form{width:300px;}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>biaodan</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
??? <form id="demoForm">
??? <fieldset> 用戶登陸
??? <p>
??? <label for="username">用戶名：</label>
?? <input type="text" value="" id="username" name="username">
??? </p>
??? <p>
??? <label for="password">密碼:</label>
?? <input type="password" value="" id="password" name="password" >
??? </p>
???? <label for="cpassword">確認密碼:</label>
?? <input type="password" value="" id="cpassword" name="cpassword" >
??? </p>
??? <p><input type="submit" value="登陸"></p>
??? </fieldset>
?? </form>
?? <script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script>
?? $(document).ready(function (){
??? $("#demoForm").validate({
??????? rules:{
????????? username:{
??????????? required:true,
??????????? maxlength:10,
??????????? minlength:2,
????????? },
????????? password:{
??????????? required:true,
??????????? maxlength:10,
??????????? minlength:2,
????????? },
????????? cpassword:{
??????????? equalTo:"#password",
????????? },
??????
??????? }
??????? messages:{
?????????? username:{
??????????? required:"必須填寫用戶名",
??????????? maxlength:"用戶名最大為10位",
??????????? minlength:"用戶名最小為2位",
????????? },
????????? password:{
??????????? required:"必須填寫用密碼",
??????????? maxlength:"密碼最大為10位",
??????????? minlength:"密碼最小為2位"
????????? },
?????????? cpassword:{
??????????? equalTo:"兩次輸入的密碼不一致",
????????? },
??????? },