form表单提交没走onsubmit验证为什么

提交后能够正确的走 checkTags 方法如果你是想说，无法验证 value的值，那么是因为你用了 .text() 而不是 .val()获取值[更新]我复制的你的代码，一模一样。表单不会被提交，因为都是返回false;如果把你的 input[type=hidden] 加上满足条件的value<input class="hiddenField" type="hidden" value="aaa,aaa,aaa">表单直接提交说明验证成功打印出来没问题啊[更新]这是我推测的你的可能的.tags .tag使用你的代码，没有发现问题，依旧正常工作：<body>    <div class="tags">            <button class="tag " data-key="aaa">tag</button>            <button class="tag " data-key="2">tag2</button>            <button class="tag " data-key="3">tag3</button>            <button class="tag " data-key="1">tag4</button>        </div>    <form action="index.html" method="post" onsubmit="return checkTags();">        <input class="hiddenField" type="hidden" value="">        <input class="submit-tags" type="submit" value="submit">    </form></body><script>    var tagArr = [];    $('.tags .tag').on('click', function (event) {        var key = $(this).data('key');        if ($(this).hasClass('active')) {            $(this).removeClass('active');            var flag = tagArr.indexOf(key);            tagArr.splice(flag, 1);            $('.hiddenField').val(tagArr)        }        else {            if (tagArr.length >= 3) {                event.preventDefault();            }            else {                $(this).addClass('active');                tagArr.push(key);                $('.hiddenField').val(tagArr)            }        }    });    function checkTags() {        var selectedTags = $('.hiddenField').val();        console.log(selectedTags);        if (selectedTags.split(',').length == 3) {            console.log('a')            return true        }        else {            return false        }    }</script>

form表单提交没走onsubmit验证为什么

1回答