Grails:g:在模式div supress提交中的uploadForm

时间:2014-06-12 01:18:38

标签: javascript jquery grails

我有一个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中包含单选按钮的原因是因为我需要在我的参数中使用它们的值。

1 个答案:

答案 0 :(得分:1)

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