jquery validate驗證方法equalTo方法

執行個體：

說明：要求元素與另一個元素相同

其他

元素的選擇器用于比較目前值

1

2

3

4

五

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

三十

31

32

33

34

35

36

37

38

<code>&lt;!doctype html&gt;</code>

<code>&lt;html&gt;</code>

<code>&lt;head&gt;</code>

<code>&lt;meta charset="utf-8"&gt;</code>

<code>&lt;title&gt;Makes "field" required to be the same as #other&lt;/title&gt;</code>

<code>&lt;link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css"&gt;</code>

<code>&lt;/head&gt;</code>

<code>&lt;body&gt;</code>

<code>&lt;form id="myform"&gt;</code>

<code>&lt;label for="password"&gt;Password&lt;/label&gt;</code>

<code>&lt;input id="password" name="password" /&gt;</code>

<code>&lt;br/&gt;</code>

<code>&lt;label for="password_again"&gt;Again&lt;/label&gt;</code>

<code>&lt;input class="left" id="password_again" name="password_again" /&gt;</code>

<code>&lt;br&gt;</code>

<code>&lt;input type="submit" value="Validate!"&gt;</code>

<code>&lt;/form&gt;</code>

<code>&lt;script src="https://code.jquery.com/jquery-1.11.1.min.js"&gt;&lt;/script&gt;</code>

<code>&lt;script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"&gt;&lt;/script&gt;</code>

<code>&lt;script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"&gt;&lt;/script&gt;</code>

<code>&lt;script&gt;</code>

<code>// just for the demos, avoids form submit</code>

<code>jQuery.validator.setDefaults({</code>

<code>debug: true,</code>

<code>success: "valid"</code>

<code>});</code>

<code>$( "#myform" ).validate({</code>

<code>rules: {</code>

<code>password: "required",</code>

<code>password_again: {</code>

<code>equalTo: "#password"</code>

<code>}</code>

<code>&lt;/script&gt;</code>

<code>&lt;/body&gt;</code>

<code>&lt;/html&gt;</code>