Maison >interface Web >Questions et réponses frontales >Que dois-je faire si jquery submit ne se soumet pas ?
Solution pour la soumission jquery qui ne soumet pas : 1. Ouvrez le fichier de code du formulaire correspondant ; 2. Modifiez le type de bouton à soumettre ; 3. Modifiez l'identifiant du bouton.
L'environnement d'exploitation de cet article : système Windows 7, jquery version 3.2.1, ordinateur DELL G3
Que dois-je faire si jquery submit ne soumet pas
Solution à la solution que jquery ? submit() ne peut pas soumettre le formulaire
Écrit aujourd'hui Lorsque le formulaire est soumis, une invite de confirmation doit être ajoutée, donc au lieu d'utiliser le bouton de soumission pour soumettre, j'utilise à la place submit() de jq, et puis il y a un problème
<form class="form-horizontal m-t" method="post" action="@Url.Action("Edit")" id="form"> <div class="row"> <div class="col-sm-12"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>添加</h5> </div> <div class="ibox-content"> <div class="form-group"> <label class="col-sm-3 control-label">开始时间:</label> <div class="col-sm-8"> <span> @(Model.annualRate_beginDate?.ToString("yyyy-MM-dd")) </span> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">结束时间:</label> <div class="col-sm-8"> <input type="text" class="form-control" name="annualRate_endDate" id="annualRate_endDate" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })" value="@Model.annualRate_endDate.ToString("yyyy-MM-dd")" required> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">年利息%:</label> <div class="col-sm-8"> <input type="number" step="0.01" class="form-control" id="annualRate_rate" name="annualRate_rate" value="@Model.annualRate_rate.ToString("#0.00")" required> </div> </div> <div class="form-group"> <div class="col-sm-4 col-sm-offset-2"> <button class="btn btn-lg btn-primary" id="submit_btn" type="button"> 提交 </button> <a class="btn btn-lg btn-white" href="@Url.Action("Index")"> 取消 </a> </div> </div> </div> </div> </div> </div> </form>
1 <script type="text/javascript"> 2 $(function () { 3 $("#submit").click(function () { 4 var start = '@(Model.annualRate_beginDate?.ToString("yyyy-MM-dd"))'; 5 var end = $("#annualRate_endDate").val(); 6 var val = $("#annualRate_rate").val(); 7 layer.confirm('请确认所填写的信息是否正确?<br/>开始时间:' + start + '<br/>结束时间:' + end + '<br/>年利率:' + val, { icon: 3, title: '提示' }, function (index) { 8 $("#form").submit(); 9 layer.close(index); 10 }); 11 }); 12 }) 13 </script>
Cliquez sur le bouton de soumission et une invite de confirmation apparaît, mais après confirmation, il n'y a pas de réponse
Mais le bouton Le type est modifié pour soumettre mais il peut être soumis
Je suis donc allé à l'API jQuery pour trouver la raison, et j'ai tout de suite compris en voyant le texte suivant :
Additional Notes: Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.
Cela signifie probablement que le formulaire et ses sous-éléments ne doivent pas utiliser les attributs d'un formulaire comme le nom ou le nom de l'identifiant, comme submit, length et méthode, etc., sinon des conflits se produiront et des conflits de noms peuvent provoquer cette situation.
Il s'avère que l'identifiant du bouton est défini pour soumettre
Ensuite, changez simplement l'identifiant et tout ira bien
Étude recommandée : "Tutoriel vidéo jquery"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!