after - Come resettare(cancellare) form attraverso JavaScript?



how to reset form after submit (7)

, il metodo reset () non cancella i valori predefiniti e il campo checkbox e ci sono molti altri problemi.

Per reimpostare completamente controlla il link sottostante -

http://www.javascript-coder.com/javascript-form/javascript-reset-form.htm

https://ffff65535.com

Ho provato $("#client.frm").reset(); ma non funziona. Come reimpostare il modulo tramite jQuery?


Cancella il modulo come segue

document.forms[0].reset();

Puoi semplicemente cancellare gli elementi del modulo all'interno del gruppo. usando questa forms[0] .


Prova questo :

$('#resetBtn').on('click', function(e){
    e.preventDefault();
    $("#myform")[0].reset.click();
}

Prova questo codice. Una soluzione completa per la tua risposta.

    <!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>

Reimposta (Cancella) Modulo attraverso Javascript & jQuery :

Esempio Javascript:

document.getElementById("client").reset();

Esempio jQuery:

Puoi provare a utilizzare il link di riferimento trigger()

$('#client.frm').trigger("reset");

Usa la funzione JavaScript reset() :

document.forms["frm_id"].reset();

La soluzione Pure JS è la seguente:

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;
  }
    }
}




jquery