Jquery或者JS方法验证密码是否一致
其他
2018-10-25 18:00:42
阅读次数: 0
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>
|
转载自blog.csdn.net/qq_43001609/article/details/83018550