집 > 기사 > 웹 프론트엔드 > jquery submit이 되지 않으면 어떻게 해야 하나요?

jquery submit이 되지 않으면 어떻게 해야 하나요?

藏色散人원래의: 2021-11-11 09:44:591824검색

제출되지 않는 jquery에 대한 해결 방법: 1. 해당 양식 코드 파일을 엽니다. 2. 제출할 버튼 유형을 변경합니다.

이 기사의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터

jquery submit이 되지 않으면 어떻게 해야 하나요?

jquery가 제출하는 솔루션에 대한 솔루션입니다. submit()이 form을 제출할 수 없습니다

오늘 작성했습니다. form을 제출할 때 확인 프롬프트를 추가해야 해서 submit 버튼을 사용하는 대신 jq의 submit()을 사용했는데 문제가 있습니다.

<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: &#39;YYYY-MM-DD&#39; })" 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 = &#39;@(Model.annualRate_beginDate?.ToString("yyyy-MM-dd"))&#39;;
 5             var end = $("#annualRate_endDate").val();
 6             var val = $("#annualRate_rate").val();
 7             layer.confirm(&#39;请确认所填写的信息是否正确？<br/>开始时间：&#39; + start + &#39;<br/>结束时间：&#39; + end + &#39;<br/>年利率:&#39; + val, { icon: 3, title: &#39;提示&#39; }, function (index) {
 8                 $("#form").submit();
 9                 layer.close(index);
10             });
11         });
12     })
13 </script>

제출 버튼을 누르면 확인 프롬프트가 떴는데 확인 후 반응이 없습니다

그런데 버튼의 유형이 submit으로 바뀌었는데 제출 가능해요

그래서 jQuery API로 가서 이유를 찾아보니, 그리고 다음 텍스트를 보고 바로 이해했습니다.

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.

아마도 양식과 그 하위 요소가 양식의 속성을 이름이나 ID 이름(예: submit, length, and)으로 사용해서는 안 된다는 의미일 것입니다. 메서드 등을 사용하지 않으면 충돌이 발생하고 이름 충돌로 인해 이러한 상황이 발생할 수 있습니다.

버튼 ID가 submit으로 설정되어 있는 것으로 나타났습니다

그런 다음 ID만 변경하면 괜찮습니다

jquery submit이 되지 않으면 어떻게 해야 하나요?

관련 기사