Toggle Password Visibility

toggle-password-visibility.js

/**
 * If the password input in your form has the name "password", then
 * you only need to pass the form object to the function.
 * But if your password input has a name other than "password", then you need to add
 * a class for it and pass that class name to the function with the form object.
 */
function togglePasswordVisibility($form, passwordInputClass) {
    var x;

    // If the user gave the password input a class name and passed it to the function
    if (typeof passwordInputClass != "undefined") {
        x = $form.find("." + passwordInputClass);

    // If he only passed the form object
    } else {
        x = $form.find("input[name=password]");
    }

    for (i = 0; i< x.length; i++) {
        if (x[i].type === "password") {
            x[i].type = "text";
        } else {
            x[i].type = "password";
        }
    }
}