form.submit(）在下面的代码中不起作用

form.submit() not working in the below code

本文关键字：代码 不起作用 在下面 submit form      更新时间：2023-09-26

javascript不提交表单。单击警报时调用，甚至与对象一起检查，并且它不是null。但是.submit((方法未提交表单。长期滞留在此处。

<script type="text/javascript">
$(document).ready(function(){
        $("label img").click(function(){
             alert("11");
            $("#" + $(this).parents("label").attr("for")).click();
               });
        $("input").change(uploadForm);
 });
</script>
<script type="text/javascript">
function uploadForm(){
    alert("1");
    document.getElementById('UploadFileFormId').submit();
}
</script>
<form id="UploadFileFormId" action="UploadFile" method="post"
                enctype="multipart/form-data"
                 style="width: 40px">
                 <label for="UploadFileId">
                 <img src="images/button_up_lo.png"
               onmouseover="this.src='images/button_up_hi.png'"
               onmouseout="this.src='images/button_up_lo.png'" />
                 </label>
                <span id="uploadSpanId" class="hidden">
                  <input type="file" 
                 name="UploadFileName"
                 id="UploadFileId"/>
                 <button type= "submit" id="uploadButtonId" name= "uploadButton" ></button> 
                  </span>
           </form>
  1. 尝试<input type="submit">
  2. 使用$('#uploadButtonId').submit();，因为您使用的是jQuery
  3. 元素ID区分大小写(uploadButtonId与UploadFileFormId(

uploadForm函数将提交表单，只有当控件的值发生更改时才会执行。这就是你所期望的吗？

请注意，在这种情况下，如果选择一个文件，然后再次选择相同的文件，则不会触发onchange事件。

相关文章：