Question

我有一个这样的提交按钮：

<button class="btn " type="submit" form="test" name="test" value="test" onClick="return onSave()">Save</button>

我在javascript函数

中有onSave()代码

function onSave(){
             var dropdownCounter = 0;
             var textareaCounter = 0;

             $('tr[class="test"]').each(function(){
                 var textarea =  $(this).find('textarea');
                 var dropdown = $(this).find('select');

                 dropdown.filter(function(){
                     if($.trim($(this).val()).length == 0 || $(this).val() == 'nothing_selected'){
                         dropdownCounter++;
                     }
                 });
                 textarea.filter(function(){
                     if($.trim($(this).val()).length == 0){
                         textareaCounter++;
                     }
                 });
             });
             if( ( dropdownCounter + textareaCounter ) % 5 != 0) {
                 confirm("test"); // this one is not working
                     return false;
             }
             return true;
         }

如果按钮符合if statement中的条件，该按钮应该会失败，但我还需要提示，但似乎return method()上的onClick不会触发confirm()。我应该采取什么方法来解决这个问题？

更新

<c:forEach var="test" value="${test}">
<table>
    <tr class='test'>
        <td><textarea class="no-resize" id="comments"></textarea></td>
        <td><select class="select"> ... </select> </td>
        <td><textarea class="no-resize" id="reason"></textarea></td>
        <td><textarea class="no-resize" id="description"></textarea></td>
    </tr>
</table>
</c:forEach>

表的结构

Answer 1

使用if条件的其他部分

 if( ( dropdownCounter + textareaCounter ) % 5 != 0) {
             confirm("test"); // this one is not working
                 return false;
         }else{
         return true;
}

Answer 2

HTML中的onclick处理程序不需要return值。

<button class="btn " type="submit" form="test" name="test" value="test" onClick="onSave()">Save</button>

Javascript确认（）

2 个答案: