Tout d'abord, en se référant à la scène suivante, il a récemment pris un système de gestion de fond, bug tests de régression trouvé sur la boîte de requête de recherche de la page en appuyant sur Entrée, conduira à une affiche page d'erreur 404.
Comme le montre, la plupart des projets ont des pages comme cette boîte de recherche, cliquez sur les requêtes de recherche peuvent réussir, mais appuyez sur la touche Entrée a été redirigé vers un chemin inconnu.
Code page comme ceci:
<form id="formSearch1" class="form-horizontal">
<div class="tab-pane active" id="tab-1">
<div class="form-group" style="margin-top: 1px">
<label class="control-label col-sm-1" for="txt_search_title">
问卷名称
</label>
<div class="col-sm-2">
<input class="form-control" id="qsName" name="questionSur.qsName"/>
</div>
<label class="col-sm-1 control-label">状态</label>
<div class="col-sm-2">
<select class="form-control m-b" id="state" name="questionSur.state">
<option value="">全部</option>
<option value="1">正在进行</option>
<option value="2">已结束</option>
</select>
</div>
<div class="col-sm-1" style="text-align: left;">
<button type="button" id="btn_query1"
class="btn btn-primary">
查询
</button>
</div>
</div>
</div>
</form>Regardez attentivement, recherchez la page en utilisant ajax pour soumettre le formulaire, et entrez la clé par défaut est de soumettre le formulaire, nous ne chemin écrire soumettre le formulaire, le système utilisera le chemin du projet ainsi que le nom du paramètre par défaut de présenter, soumettre cours défaut de la route, puis la 404.
################################################## ##################################################
Eh bien, ma première pensée est d'interdire soumettre le formulaire, ne parvient pas à résoudre le problème encore.
Je voudrais vous présenter un dossier de fichier d'en-tête de page directement à un universel, liant tous de la classe dans un js formulaire de recherche ci-dessus pour soumettre un formulaire de retour de la méthode directe faux, la page va sauter naturellement pas.
var arrForm = document.querySelectorAll('.form-horizontal');
arrForm.forEach(x=>{
x.onsubmit = function(e) {
return false;
};
})ok, bien sûr, une fois de plus après un retour chariot, la page entière sera pas de réaction. Résoudre le problème, mais en tant que programmeur comment pourrais-je être si rude avec les moyens de résoudre le problème?
Ensuite, je pensais que pour entrer dans l'événement de liaison requête méthodes, alors j'ai ajouté un morceau de code à son tour, pour entrer dans l'événement transformé en cliquant sur le bouton de recherche.
$(document).keydown(function (ev) {
if(ev.keyCode == '13'){
var arr = document.querySelectorAll(".btn.btn-primary");
arr.forEach(v=>{
v.click();
});
}
})ok, le code encore une fois un succès, le succès de la requête liée cochère, bug solution parfaite.
