Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Xác nhận/Cảnh báo giống nhau
URL: https://www.javascriptbank.com/duplicate-data-fields-verifier-notifier.html
Bạn có thể sử dụng hiệu ứng JavaScript này để kiểm tra và thông báo cho người dùng biết giá trị giống nhau của hai khung nhập liệu; chẳng hạn bạn có thể dùng nó để kiểm tra email và mật khẩu của người dùng.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Xác nhận/Cảnh báo giống nhau
URL: https://www.javascriptbank.com/duplicate-data-fields-verifier-notifier.html
<script type="text/javascript"><!--/* This script and many more are available free online atThe JavaScript Source :: http://javascript.internet.comCreated by: Patrick Fitzgerald :: http://www.barelyfitz.com/Licensed under: GNU Lesser General Public License *//*==================================================* $Id: verifynotify.js,v 1.1 2003/09/18 02:48:36 pat Exp $ Copyright 2003 Patrick Fitzgerald http://www.barelyfitz.com/webdesign/articles/verify-notify/ This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA *==================================================*/function verifynotify(field1, field2, result_id, match_html, nomatch_html) { this.field1 = field1; this.field2 = field2; this.result_id = result_id; this.match_html = match_html; this.nomatch_html = nomatch_html; this.check = function() { // Make sure we don't cause an error // for browsers that do not support getElementById if (!this.result_id) { return false; } if (!document.getElementById){ return false; } r = document.getElementById(this.result_id); if (!r){ return false; } if (this.field1.value != "" && this.field1.value == this.field2.value) { r.innerHTML = this.match_html; } else { r.innerHTML = this.nomatch_html; } }}function verifyInput() { verify = new verifynotify(); verify.field1 = document.password_form.password1; verify.field2 = document.password_form.password2; verify.result_id = "password_result"; verify.match_html = "<span style="color:blue">Thank you, your passwords match!</span>"; verify.nomatch_html = "<span style="color:red">Please make sure your passwords match.</span>"; // Update the result message verify.check();}// Multiple onload function created by: Simon Willison// http://simonwillison.net/2004/May/26/addLoadEvent/function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } }}addLoadEvent(function() { verifyInput();});//--></script><form name="password_form">Password:<br><input name="password1" onkeyup="verify.check()" type="password"><p>Re-enter Password:<br><input name="password2" onkeyup="verify.check()" type="password"></p><p><!-- Display a message if the passwords match or don't match --></p><div id="password_result"><span style="color: red;">Please make sure your passwords match.</span></div></form>