comment vider les champs de formulaire ASP .NET CORE

Bonjour à tous
j'ai besoin de vos aide ,je ne peux pas vider les champs formulaire .cshtml
voici mon code page index,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<form  id="form">
    <div class="row">
 
        <div class="col-md-2">
 
 
            <div class="form-group">
                @Html.TextBox("nom", null, new { @class = "form-control ", placeholder = "Par nom",id="nom" })
 
 
            </div>
        </div>
        <div class="col-md-2">
 
 
            <div class="form-group">
                @Html.TextBox("prenom", null, new { @class = "form-control", placeholder = "Par prenom" ,id="prenom"})
 
 
            </div>
        </div>
        <div class="col-md-2">
 
 
            <div class="form-group">
                @Html.TextBox("email", null, new { @class = "form-control", placeholder = "Par email" ,id="email"})
 
 
            </div>
        </div>
        <div class="col-md-2">
 
 
            <div class="form-group">
                @Html.TextBox("telephone", null, new { @class = "form-control", placeholder = "Par telephone" ,id="telephone"})
 
 
            </div>
        </div>
        <div class="col-md-2">
 
            <p>
 
 
                <input type="submit" value="Search" class="btn btn-primary" />
 
                <button class="btn" type="reset" id="reset" onclick="resetFields()" asp-action="Clear" ><i class="fa fa-trash"></i></button>
 
            </p>
 
        </div>
 
 
 
    </div>
</form>

Voici mon controlleur (action index qui fait une recherche par le contenu des inputs,et si je voulais cliquer sur bouton reset les inputs seront vide

ACtion index

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
      public async Task<IActionResult> Index(string nom, string prenom, string email, string telephone, int? pageNumber, string currentFilter)
        {
 
            if (nom != null || prenom != null || email != null || telephone != null)
            {
                pageNumber = 1;
 
            }
            else
            {
                nom = currentFilter;
                prenom = currentFilter;
                email = currentFilter;
                telephone = currentFilter;
            }
 
            var personnels = from s in _context.personnels
                             select s;
            if (!String.IsNullOrEmpty(nom) || !String.IsNullOrEmpty(prenom) || !String.IsNullOrEmpty(email) || !String.IsNullOrEmpty(telephone))
            {
                personnels = personnels.Where(s => s.Nom.Equals(nom) || s.Prenom.Equals(prenom) || s.Email.Equals(email) || s.Telephone.Equals(telephone));
            }
            if(!String.IsNullOrEmpty(nom) && !String.IsNullOrEmpty(prenom) && !String.IsNullOrEmpty(email) && !String.IsNullOrEmpty(telephone))
            {
                personnels = personnels.Where(s => s.Nom.Equals(nom) && s.Prenom.Equals(prenom) && s.Email.Equals(email) && s.Telephone.Equals(telephone));
            }
                int pageSize = 20;
            return View(await Pagination<PersonnelModel>.CreateAsync(personnels.AsNoTracking(), pageNumber ?? 1, pageSize));

}
javascript

Code:

1
2
3
4
5
6
7
8
9
10
function resetFields() {
 
    document.getElementById('nom').value = '';
    document.getElementById('prenom').value = '';
    document.getElementById('email').value = '';
    document.getElementById('telephone').value = '';
 
 
 
    }

j'arrive pas à vider les champs
someone help me please