Pregunta

Tengo una página de preferencia de usuario en la que el usuario puede escribir su contraseña actual, nueva contraseña y confirmar una nueva contraseña. Cuando el usuario envía el formulario, lo envía a una acción. El problema es que cuando se envía el formulario, los campos de contraseña permanecen llenos. Quiero que se aclaren. Intenté javascript pero cuando uso document.preferences.submit (), el envío no se dispara, o la acción no se dispara, o ambas. Aquí está el código:

<script language="JavaScript" type="text/javascript">
    function clearpwd() {
        document.preferences.submit();
        document.preferences.currentPassword.value = '';
        document.preferences.newPassword.value = '';
        document.preferences.confirmPassword.value = '';
    }
</script>
 <% using (Html.BeginForm("ChangePreferences", "Home", FormMethod.Post, new { id="preferences", name="preferences" })) { %>
        <div>
            <div style="text-align:left; width:500px;">
            <div class="FormLabel">User Information:</div>
            <table border="0" cellpadding="4" cellspacing="0">
                <tr>
                    <td>First Name:</td>
                    <td>
                        <%= Html.TextBox("firstName")%>
                        <%= Html.ValidationMessage("FirstName") %>
                    </td>
                </tr>
                <tr>
                    <td>Last Name:</td>
                    <td>
                        <%= Html.TextBox("lastName") %>
                        <%= Html.ValidationMessage("LastName") %>
                    </td>
                </tr>
                <tr>
                    <td>New email:</td>
                    <td>
                        <%= Html.TextBox("email")%>
                        <%= Html.ValidationMessage("Email") %>
                    </td>
                </tr>
                <tr>
                    <td>Billing Method:</td>
                    <td>
                            <%=Html.RadioButton("billingMethod", 'E', new { id = "BillingMethod_E", value = 'E' })%><label for="BillingMethod_E">Electronic</label>

                            <%=Html.RadioButton("billingMethod", 'M', new { id = "BillingMethod_M", value = 'M' })%><label for="BillingMethod_M">Mailing</label>
                    </td>
                </tr>

            </table>
            </div>
            <br /><br />

            <div style="text-align:left; width:500px;">
            <div class="FormLabel">Login and Security Information:</div>
            <table border="0" cellpadding="4" cellspacing="0">
                <tr>
                    <td>Current Password</td>
                    <td>
                        <%= Html.Password("currentPassword") %>
                        <%= Html.ValidationMessage("currentPassword") %>
                    </td>
                </tr>
                <tr>
                    <td>New password:</td>
                    <td>
                        <%= Html.Password("newPassword") %>
                        <%= Html.ValidationMessage("newPassword") %>
                    </td>
                </tr>
                <tr>
                    <td>Confirm new password:</td>
                    <td>
                        <%= Html.Password("confirmPassword") %>
                        <%= Html.ValidationMessage("confirmPassword") %>
                    </td>
                </tr>
                <tr>
                    <td>Security Question:</td>
                    <td>
                        <%= Html.TextBox("securityQuestion") %>
                        <%= Html.ValidationMessage("SecurityQuestion") %>
                    </td>
                </tr>
                <tr>
                    <td>Security Answer:</td>
                    <td>
                        <%= Html.Password("securityAnswer") %>
                        <%= Html.ValidationMessage("SecurityAnswer") %>
                    </td>
                </tr>        
            </table>
            </div>
            <br /><br />
            <table>
                <tr>
                    <td></td>
                    <td><input type="submit" value="Change Preferences" onclick="clearpwd()" /></td>
                </tr>
            </table>
        </div>
    <% } %>
¿Fue útil?

Solución

  • Para depurar problemas de JavaScript, publique mejor el HTML generado
  • Para depurar los problemas de JavaScript más fácilmente, use el navegador Firefox con la extensión Firebug.

Editar: está intentando borrar la contraseña después de enviar la página. Después de que la página de envío navega a otra página, creo que JavaScript no afectará a ningún elemento DOM después de eso.

Puedes probar la siguiente secuencia.

  • Almacenar nombre de usuario y contraseña en variables de JavaScript.
  • borrar los valores de Nombre de usuario y Contraseña.
  • Publicar en la página con los valores almacenados.

Otros consejos

Podría ser su navegador completando el campo de contraseña si lo tiene configurado para recordar su (s) contraseña (s). Me ha pasado esto.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top