Отключить кнопку отправки на форме Freemarker / Spring, пока файл не выбран - PullRequest
Новая
       14

Отключить кнопку отправки на форме Freemarker / Spring, пока файл не выбран

1 голос
/ 14 декабря 2011

Как отключить кнопку отправки, пока пользователь не выбрал файл?

У меня есть форма на моей странице: 

<table>
    <form method="post" enctype="multipart/form-data" id="messageupload">
    <@spring.bind "messageUploadCommand.*"/>
        <tr>
            <td><@spring.formInput 'messageUploadCommand.multipartFile' '' 'file' /></td>
            <td><button type="submit" id="searchButton">Upload</button></td>
            <td><@spring.formSingleSelect 
                    'messageUploadCommand.messageFormat', 
                    messageFormats, '' /> 
                <@spring.showErrors  '<br>', 'error' /> </td>
        </tr>
    </form>
</table>

Если пользователь отправляет форму перед выборомфайл, который я получаю 

freemarker.template.TemplateException: Error executing macro: formSingleSelect required parameter: options is not specified. 
 at freemarker.core.Macro$Context.sanityCheck(Macro.java:211) 
 at freemarker.core.Macro$Context.runMacro(Macro.java:169) 
 at freemarker.core.Environment.visit(Environment.java:603) 
 at freemarker.core.UnifiedCall.accept(UnifiedCall.java:106) 
 at freemarker.core.Environment.visit(Environment.java:210) 
 at freemarker.core.MixedContent.accept(MixedContent.java:92) 
 at freemarker.core.Environment.visit(Environment.java:210)
 at freemarker.core.Environment.process(Environment.java:190)
 at freemarker.template.Template.process(Template.java:237)
 at ...

1 Ответ

0 голосов
/ 15 декабря 2011

Вот как я это сделал: 

<table>
    <form method="post" enctype="multipart/form-data" id="messageupload">
    <@spring.bind "messageUploadCommand.*"/>
        <tr>
            <#assign onChangeScript = "document.getElementById('uploadButton').disabled = (value.length=0); ">
            <td><@spring.formInput 'messageUploadCommand.multipartFile' 'onchange=\"${onChangeScript}\"' 'file' /></td>
            <td><button type="submit" disabled="true"
                          id="searchButton">Upload</button></td>

            <td><@spring.formSingleSelect 
                    'messageUploadCommand.messageFormat', 
                    messageFormats, '' /> 
                <@spring.showErrors  '<br>', 'error' /> </td>
        </tr>
    </form>
</table>

Я добавил скрипт onchange для выбора файла через переменную Freemarker и по умолчанию отключил кнопку. Сценарий onchange проверяет длину значения, то есть имя файла, равное нулю.

...