1 <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> <p>18</p> <p>19</p> </td> <td> <p><code><script src=</code><code>"../JS/jquery-3.2.0.js"</code> <code>type=</code><code>"text/javascript"</code> <code>></script></code></p> <p><code><script src=</code><code>"../JS/bootstrap.min.js"</code><code>></script></code></p> <p><code><link type=</code><code>"text/css"</code> <code>rel=</code><code>"stylesheet"</code> <code>href=</code><code>"../css/bootstrap.min.css"</code> <code>/></code></p> <p> </p> <p><code><body></code></p> <p><code><div </code><code>class</code><code>=</code><code>"form-group"</code><code>></code></p> <p><code> </code><code><label </code><code>class</code><code>=</code><code>"col-sm-2 control-label font"</code><code>>密码</label></code></p> <p><code> </code><code><div </code><code>class</code><code>=</code><code>"col-xs-10"</code><code>></code></p> <p><code> </code><code><input type=</code><code>"password"</code> <code>class</code><code>=</code><code>"form-control bt"</code> <code>name=</code><code>"pwd"</code> <code>id=</code><code>"pwd"</code> <code>placeholder=</code><code>"请设置登录密码"</code><code>></code></p> <p><code> </code><code></div></code></p> <p><code> </code><code></div><br/><br/><br/></code></p> <p><code> </code> </p> <p><code> </code><code><div </code><code>class</code><code>=</code><code>"form-group"</code><code>></code></p> <p><code> </code><code><label </code><code>class</code><code>=</code><code>"col-sm-2 control-label font"</code><code>>确认密码</label></code></p> <p><code> </code><code><div </code><code>class</code><code>=</code><code>"col-xs-10"</code><code>></code></p> <p><code> </code><code><input type=</code><code>"password"</code> <code>class</code><code>=</code><code>"form-control bt"</code> <code>name=</code><code>"pwd"</code> <code>id=</code><code>"pwd1"</code> <code>placeholder=</code><code>"请再次填写密码"</code> <code>onkeyup=</code><code>"validate()"</code><code>><span id=</code><code>"tishi"</code><code>></span></code></p> <p><code> </code><code></div></code></p> <p><code> </code><code></div><br/><br/></code></p> <p><code></body></code></p> </td> </tr></tbody></table><p> JS方式 onkeyup="validate()"是引用方法的方式</p> 1 <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> </td> <td> <p><code><script></code></p> <p><code>function</code> <code>validate() {</code></p> <p><code> </code><code>var</code> <code>pwd1 = document.getElementById(</code><code>"pwd"</code><code>).value;</code></p> <p><code> </code><code>var</code> <code>pwd2 = document.getElementById(</code><code>"pwd1"</code><code>).value;</code></p> <p> </p> <p><code><!-- 对比两次输入的密码 --></code></p> <p><code> </code><code>if</code><code>(pwd1 == pwd2)</code></p> <p><code> </code><code>{</code></p> <p><code> </code><code>document.getElementById(</code><code>"tishi"</code><code>).innerHTML=</code><code>"<font color='green'>两次密码相同</font>"</code><code>;</code></p> <p><code> </code><code>document.getElementById(</code><code>"button"</code><code>).disabled = false;</code></p> <p><code> </code><code>}</code></p> <p><code>else</code> <code>{</code></p> <p><code> </code><code>document.getElementById(</code><code>"tishi"</code><code>).innerHTML=</code><code>"<font color='red'>两次密码不相同</font>"</code><code>;</code></p> <p><code> </code><code>document.getElementById(</code><code>"button"</code><code>).disabled = true;</code></p> <p><code> </code><code>}</code></p> <p><code>}</code></p> <p><code></script></code></p> </td> </tr></tbody></table><p> Jquery方法</p> 1 <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> <p>11</p> <p>12</p> <p>13</p> <p>14</p> <p>15</p> <p>16</p> <p>17</p> <p>18</p> <p>19</p> </td> <td> <p><code><script></code></p> <p><code>function</code> <code>validate() {</code></p> <p><code> </code> </p> <p><code> </code><code>var</code> <code>pwd = $(</code><code>"#pwd"</code><code>).val();</code></p> <p><code> </code><code>var</code> <code>pwd1 = $(</code><code>"#pwd1"</code><code>).val();</code></p> <p><code><!-- 对比两次输入的密码 --></code></p> <p><code> </code><code>if</code><code>(pwd == pwd1)</code></p> <p><code> </code><code>{</code></p> <p><code> </code><code>$(</code><code>"#tishi"</code><code>).html(</code><code>"两次密码相同"</code><code>);</code></p> <p><code> </code><code>$(</code><code>"#tishi"</code><code>).css(</code><code>"color"</code><code>,</code><code>"green"</code><code>);</code></p> <p><code> </code><code>$(</code><code>"#xiugai"</code><code>).removeAttr(</code><code>"disabled"</code><code>);</code></p> <p><code> </code><code>}</code></p> <p><code>else</code> <code>{</code></p> <p><code> </code><code>$(</code><code>"#tishi"</code><code>).html(</code><code>"两次密码不相同"</code><code>);</code></p> <p><code> </code><code>$(</code><code>"#tishi"</code><code>).css(</code><code>"color"</code><code>,</code><code>"red"</code><code>)</code></p> <p><code> </code><code>$(</code><code>"button"</code><code>).attr(</code><code>"disabled"</code><code>,</code><code>"disabled"</code><code>); </code></p> <p><code> </code><code>}</code></p> <p><code>}</code></p> <p><code></script></code></p> </td> </tr></tbody></table> </div> </div>