Grails: g:uploadForm在模态div中禁止提交

Question

我有一个g:uploadForm出现在一个模态对话框内。我不希望它关闭，如果没有文件被选择上传，用户按下上传按钮，相反，我希望它显示一个错误，如"请选择一个文件"。目前它确实关闭，我想知道是否有任何方法来抑制这一点。有几个单选按钮在这个表单也在一个组，我也不希望表单关闭，如果没有选择从单选按钮组。目前，如果没有选择，它会关闭。这是我的形式，因为它是目前:

<div class="modal" id="promptUpload">
            <h3></h3>
            <div id = "uploadborder">
                <g:uploadForm action="upload">
                    <div id = "fileType">
                        <p><u>File Type</u></p>
                        <label for="excelFile">Excel:</label><g:radio id = "excelFile" name="fileTypegrp" value="1" checked="true"/><br>
                        <label for="textFile">Text File(delimited):</label><g:radio id = "textFile" name="fileTypegrp" value="2" disabled="true"/><br>
                        <label for="xmlFile">XML:</label><g:radio id = "xmlfile" name="fileTypegrp" value="3" disabled="true"/>
                    </div>
                    <div id = "dataType">
                        <p><u>Data Type</u></p>
                        <label for="accData">Account Data:</label><g:radio id = "accData" name="dataTypegrp" value="1"/><br>
                        <label for="entData">Entity Data:</label><g:radio id = "entData" name="dataTypegrp" value="2"/><br>
                        <label for="indData">Individual Data:</label><g:radio id = "indData" name="dataTypegrp" value="3"/><br>
                    </div>  
                    <div id = "uploaderfield">
                        <input id = "chseFile" type="file" name="file"/><br>
                        <input id = "submFile" type="submit" value="Upload" />
                        <button id = "cancel1" class = "close" type="button"> Cancel </button>
                    </div>
                </g:uploadForm>

我使用jQuery UI工具来调出这个包含表单的模态。我注意到，如果我把上传按钮改成:

<button id = "submFile"></button>

仍然会关闭模态并提交表单。我觉得很奇怪。我在g:uploadForm中包含单选按钮的原因是我需要它们的值在我的参数中

Answer 1

您必须设置type =按钮来抑制表单提交