User Create/Edit: Added JS to change CSS style on password boxes if values are not identical.

This commit is contained in:
Nate Jones
2014-07-07 16:34:43 +00:00
parent d29b5efb52
commit 179b2e4bad
3 changed files with 38 additions and 4 deletions

View File

@@ -201,6 +201,19 @@ if (count($_POST)>0 && check_str($_POST["persistform"]) != "1") {
$page["title"] = $text['title-user_add'];
//show the content
echo "<script>";
echo " function compare_passwords() {";
echo " if (document.getElementById('password').value != document.getElementById('confirmpassword').value) {";
echo " $('#password').addClass('formfld_highlight');";
echo " $('#confirmpassword').addClass('formfld_highlight');";
echo " }";
echo " else {";
echo " $('#password').removeClass('formfld_highlight');";
echo " $('#confirmpassword').removeClass('formfld_highlight');";
echo " }";
echo " }";
echo "</script>";
echo "<div align='center'>";
$tablewidth ='width="100%"';
@@ -228,11 +241,11 @@ if (count($_POST)>0 && check_str($_POST["persistform"]) != "1") {
echo " <tr>";
echo " <td class='vncellreq'>".$text['label-password'].":</td>";
echo " <td class='vtable'><input type='password' class='formfld' autocomplete='off' name='password' value='$password'></td>";
echo " <td class='vtable'><input type='password' class='formfld' autocomplete='off' name='password' id='password' value='$password' onblur='compare_passwords();'></td>";
echo " </tr>";
echo " <tr>";
echo " <td class='vncellreq'>".$text['label-confirm_password'].":</td>";
echo " <td class='vtable'><input type='password' class='formfld' autocomplete='off' name='confirmpassword' value='$confirmpassword'></td>";
echo " <td class='vtable'><input type='password' class='formfld' autocomplete='off' name='confirmpassword' id='confirmpassword' value='$confirmpassword' onblur='compare_passwords();'></td>";
echo " </tr>";
echo " <tr>";
echo " <td class='vncellreq'>".$text['label-email'].":</td>";

View File

@@ -373,6 +373,20 @@ else {
//show the content
$table_width ='width="100%"';
echo "<script>";
echo " function compare_passwords() {";
echo " if (document.getElementById('password').value != document.getElementById('confirmpassword').value) {";
echo " $('#password').addClass('formfld_highlight');";
echo " $('#confirmpassword').addClass('formfld_highlight');";
echo " }";
echo " else {";
echo " $('#password').removeClass('formfld_highlight');";
echo " $('#confirmpassword').removeClass('formfld_highlight');";
echo " }";
echo " }";
echo "</script>";
echo "<form method='post' action=''>";
echo "<div align='center'>";
@@ -415,11 +429,11 @@ else {
echo " <tr>";
echo " <td class='vncell'>".$text['label-password'].":</td>";
echo " <td class='vtable'><input type='password' autocomplete='off' class='formfld' name='password' value=\"\"></td>";
echo " <td class='vtable'><input type='password' autocomplete='off' class='formfld' name='password' id='password' value='' onblur='compare_passwords();'></td>";
echo " </tr>";
echo " <tr>";
echo " <td class='vncell'>".$text['label-confirm_password'].":</td>";
echo " <td class='vtable'><input type='password' autocomplete='off' class='formfld' name='confirm_password' value=\"\"></td>";
echo " <td class='vtable'><input type='password' autocomplete='off' class='formfld' name='confirm_password' id='confirmpassword' value='' onblur='compare_passwords();'></td>";
echo " </tr>";
echo " <tr>";

View File

@@ -204,6 +204,13 @@ select.formfld {
padding: 4px;
}
.formfld_highlight {
border-color: #aa2525;
-webkit-box-shadow: 0px 0px 3px #aa2525 inset;
-moz-box-shadow: 0px 0px 3px #aa2525 inset;
box-shadow: 0px 0px 3px #aa2525 inset;
}
input.txt {
width: 98.75%;
}