Question

以下不起作用：单击JSP中的“提交”按钮时，我看不到任何警报。

我添加了两种类型的提交事件，但都没有触发。也许除了3.1.1.min和UI之外，我还没有包括一些相关的jQuery JS？我确实收到了启动document.ready()警报。

<script type="text/javascript" src="/app/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/app/js/jquery-ui.min.js"></script>
<script type="text/javascript">

// Does Not Work
$('#form').on('submit', function(e){
    alert('TEST');
  });

// Does Not Work
$('#form').submit(function() {
    alert('In form submit');
    return false;
});

    // This is OK
    $(document).ready(function() {
        $("#wait").hide();
        alert('Startup');
    });
</script>

JSP（使用一些Struts标记，styleId在HTML中翻译为id）：

<html:form styleId="form" action="/generate">

<table class=menu_2 cellSpacing="4" cellPadding="4" border="0">
        <TBODY>
        <tr valign="bottom">
                <td>
                <label class="formLabel" for="idTypeG">Number</label><br/>
                <html:text property="number" maxlength="50" title="Enter Number"/>
               </td>
            </tr>
            <tr>
            <td COLSPAN=4>
                <html:submit styleClass="clsFormBtn" value="Generate"/>&nbsp; 

            </td>
        </tr>
    </tbody>
</Table>

<div id="wait">
    PLEASE WAIT...
</div>
<br>

Answer 1

为什么不使用验证拦截器？

jQuery表单提交事件不会触发提交按钮

1 个答案: