»
AnglaisFrançaisVietnamien

Imprimer - Duplicate Data Fields Verifier/Avis - JavaScriptBank.com

Version complète: jsB@nk » Form » Duplicate Data Fields Verifier/Avis
URL: https://www.javascriptbank.com/duplicate-data-fields-verifier-notifier.html

Duplicate Data Fields Verifier/Avis © JavaScriptBank.comVous pouvez utiliser cette Le code JavaScript de vérifier ou de notifier valeur en double de zones de texte où les utilisateurs de type; comme un adresse e-mail ou d'un mot de passe. Si les valeurs de deux champs de données sont différentes, ce script va donner le message d'erreur. Ou vous pouvez utiliser ce code pour les différents champs de saisie.

Version complète: jsB@nk » Form » Duplicate Data Fields Verifier/Avis
URL: https://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>