Passwort zurücksetzen Mittels Html und javascript
Habe ich eine Anforderung, wo ich 3 input Felder, nämlich
1.alte Kennwort
2.neues Passwort
3.bestätigen Sie das Kennwort.
Für die ich anwenden müssen Regeln wie folgt.
1.Alt und neu sollten Kennwörter nicht übereinstimmen.
2.Kein Feld sollte leer sein.
3.Neues Kennwort und Kennwort bestätigen Eingänge sollten identisch sein.
Wenn alle diese überprüfungen geht dann nur in form vorgelegt werden sollte.
Hier ist die Html-Datei, für die ich anwenden müssen, js
HTML:
<form role="form" method="post">
<div class="box box-primary">
<div class="box-header">
<h2 class="page-header"><i class="fa fa-lock"></i> Change Password</h2>
<div class="pull-right">
<button type="button" name="Submit" value="Save" class="btn btn-danger"><i class="livicon" data-n="pen" data-s="16" data-c="#fff" data-hc="0" ></i> Save</button>
<button type="reset" name="Reset" value="Clear" class="btn btn-primary"><i class="livicon" data-n="trash" data-s="16" data-c="#fff" data-hc="0"></i> Clear</button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<label>Old Password</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-lock"></i>
</div>
<input class="form-control" id="oldPassword" name="oldPassword" value="" placeholder="Enter the Old Password" type="password">
</div>
</div>
<!-- /.input group -->
</div>
<br/>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<label>New Password</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-lock"></i>
</div>
<input class="form-control" id="newPassword" name="newPassword" value="" placeholder="Enter the New Password" type="password">
</div>
</div>
<!-- /.input group -->
</div>
<br/>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3">
<label>Confirm Password</label>
</div>
<div class="col-xs-12 col-sm-3 col-md-3">
<div class="input-group">
<div class="input-group-addon">
<i class="fa fa-lock"></i>
</div>
<input class="form-control" id="confirmPassword" name="confirmPassword" value="" placeholder="Re-enter the New Password" type="password">
</div>
</div>
<!-- /.input group -->
</div>
</form>
danke
- Haben Sie versucht, alles, was nicht funktioniert ? Wenn kein brauchen Sie ein Auftragnehmer!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ersetzen Sie bitte mit Ihren ids..
Einer in thml müssen Sie
Für reset Sie können eine Funktion erstellen somting wie diese
und rufen Sie, wenn Sie wollen form zurückgesetzt.
Erstens sollten Sie fangen Sie auf avtion auf die Schaltfläche "senden" und überprüfen Sie die Felder
P. S. ich schrieb code, der in diesem Stil, weil ich will, um zu zeigen Sie alle Schritte. sicher können Sie kombinieren, wenn ' s in einem klaren code. als Beispiel kann u kombinieren, check 1 und check 3 und legen Sie es in den else-block check 2
erstellen Sie eine Funktion, und rufen Sie auf onClick des button
Ihre javascript-Funktion Wie folgt