validacion - validar formulario html javascript
¿Cómo restablecer(borrar) el formulario a través de JavaScript? (10)
, el método reset () no borra los valores predeterminados y el campo de casilla de verificación y hay muchos más problemas.
Para restablecer completamente, verifique el enlace a continuación:
http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm
He intentado con $("#client.frm").reset(); pero no funciona. Entonces, ¿cómo restablecer el formulario a través de jQuery?
Borre la forma de la siguiente manera
document.forms[0].reset();
Simplemente puede borrar los elementos del formulario dentro del grupo. usando estas forms[0] .
Prueba este código Una solución completa para tu respuesta.
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(":reset").css("background-color", "red");
});
</script>
</head>
<body>
<form action="">
Name: <input type="text" name="user"><br>
Password: <input type="password" name="password"><br>
<button type="button">Useless Button</button>
<input type="button" value="Another useless button"><br>
<input type="reset" value="Reset">
<input type="submit" value="Submit"><br>
</form>
</body>
</html>
Prueba esto :
$(''#resetBtn'').on(''click'', function(e){
e.preventDefault();
$("#myform")[0].reset.click();
}
Restablecer (borrar) el formulario a través de Javascript y jQuery :
Ejemplo de Javascript:
document.getElementById("client").reset();
Ejemplo jQuery:
Puede intentar usar trigger() Reference Link
$(''#client.frm'').trigger("reset");
Simplemente puede hacer:
$("#client.frm").trigger(''reset'')
Tenga en cuenta que la función form.reset() no funcionará si alguna etiqueta de entrada en el formulario tiene el atributo name=''reset''
Use el reset() función de JavaScript reset() :
document.forms["frm_id"].reset();
form.reset() es un método de elemento DOM (no uno en el objeto jQuery), por lo que necesita:
$("#client.frm")[0].reset();
//faster version:
$("#client")[0].reset();
O sin jQuery:
document.getElementById("client").reset();
La solución Pure JS es la siguiente:
function clearForm(myFormElement) {
var elements = myFormElement.elements;
myFormElement.reset();
for(i=0; i<elements.length; i++) {
field_type = elements[i].type.toLowerCase();
switch(field_type) {
case "text":
case "password":
case "textarea":
case "hidden":
elements[i].value = "";
break;
case "radio":
case "checkbox":
if (elements[i].checked) {
elements[i].checked = false;
}
break;
case "select-one":
case "select-multi":
elements[i].selectedIndex = -1;
break;
default:
break;
}
}
}