»
Tiếng AnhTiếng PhápTiếng Việt

In - Xác nhận/Cảnh báo giống nhau - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Xác nhận/Cảnh báo giống nhau
URL: http://www.javascriptbank.com/duplicate-data-fields-verifier-notifier.html

Xác nhận/Cảnh báo giống nhau © JavaScriptBank.comBạ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 emailmậ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: http://www.javascriptbank.com/duplicate-data-fields-verifier-notifier.html



JavaScript
<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>


HTML
<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>