form.submit()이 form_javascript 기술을 제출할 수 없는 경우 오류 원인 및 해결 방법

코드로 바로 이동:

<div id="register">

<h4 id="会员注册">会员注册</h4>

<div class="formdiv">

<form method="post" action="register.php&#63;action=register" name="register" id="registerForm">

<dl>

<dt>请认真填写以下内容</dt>

<dd class="hasspan">

用户名：<input type="text" name="username">

</dd>

<dd class="hasspan">

密码：<input type="password" name="pwd">

</dd>

<dd class="hasspan">

确认密码：<input type="password" name="pwdagain">

</dd>

<dd id="tximg">

<img src="/static/imghwm/default1.png"  data-src="img/face/m01.gif"  class="lazy" alt="选择头像" id="faceimg">

<input type="hidden" name="touxiang" value="">

<label id="imgsrclabel">m01.gif</label>

</dd>

<dd style="margin-right:120px;">

验证码：<input type="text" name="code">

<span>

<img src="/static/imghwm/default1.png"  data-src="code.php"  class="lazy" alt="code" id="code" name="code">

<a href="#code" id="change">换一张</a>

</span>

</dd>

<dd class="btns">

<input type="button" name="submit" id="submit" value="注册">

<input type="button" name="quit" id="quit" value="退出">

</dd>

</dl>

</form>

</div>

</div>

表单数据提交到本页面，下面是js处理

/*注册表单提交*/

function formDeal()

{

var btnSubmit = document.getElementById('submit');

var formId = document.getElementById('registerForm');

btnSubmit.onclick = function()

{

//表单的submit()方法不能提交表单

formId.submit();

}


}

如果表单提交，在本页面有一段提示信息

if(!empty($_GET['action']) && $_GET['action'] == 'register')

{

echo '你提交了数据';

exit();

}

오랜 시간 동안 테스트를 해본 결과 프롬프트 메시지가 나오지 않았습니다. 코드가 잘못되었거나 메소드가 잘못 작성된 것이라고 생각하여 꼼꼼히 확인하고 공식 결과 문서를 확인했습니다. 오류가 없습니다.

formId.submit()을 제출할 수 없어 btnSubmit 유형을 변경하여 제출해야 합니다

this.type="제출"

온라인에서 정보를 확인한 결과 그 이유는 두 가지로 요약됩니다.

1. 양식에는 "submit" 태그를 사용할 수 없습니다.

2. "enctype="multipart/form-data""는 양식에서 누락될 수 없습니다.

테스트해본 결과 이 ​​두 점은 말도 안되고 문제가 해결되지 않습니다(문제 환경이 다를 수도 있습니다)

나중에 몇몇 포럼 친구들이 등록 버튼의 ID를 제출하는 대신 새로운 이름으로 변경하자고 제안한 것 같아요. 수정 후 정상적으로 양식이 제출되고 프롬프트 메시지가 나타납니다.

최종 요약: 제출할 버튼의 ID를 설정하지 마세요. 그렇지 않으면 혼란을 야기하고 양식의 submit() 메소드가 양식 제출에 실패할 수 있습니다. ID 이름을 지정할 때 불필요한 번거로움을 피하기 위해 기존 API와 이름을 중복하지 않는 것이 가장 좋습니다.