我有一个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 Tools来调出包含表单的模式。我注意到如果我将上传按钮更改为:
<button id = "submFile"></button>
它仍会关闭模态并提交表单。我发现很奇怪。我在g:uploadForm中包含单选按钮的原因是因为我需要在我的参数中使用它们的值。
答案 0 :(得分:1)
您必须设置type =按钮以抑制表单提交。