javascript - alert() 触发表单提交

Question

我试图消除触发表单提交的“输入事件”默认值。type=text我这样做是为了：

var onEnter = function(values){
    $("#"+values['id']).keydown(function(e){
        if (e.which == 13) {
            event.preventDefault();
            var function_to_call = window[values['function']];
            if(typeof function_to_call === 'function'){
                if(values['parameters']!= null){
                    parameters = values['parameters'];
                    var args;

                    if(typeof parameters === 'string')
                        args = parameters.split(',');
                    else
                        args = new Array(parameters);

                    function_to_call.apply(window, args);
                }
                else function_to_call();
            }
            return false;
        }
    });
}

删除默认事件的重要代码是

event.preventDefault();
return false;

其余代码只是调用一个带参数或不带参数的函数。问题是，在调用的函数内部，有一个触发警报的条件。这是交易：

1. 如果未触发警报，[enter]则不会触发表单提交
2. 如果触发警报，则触发表单提交

every 调用的函数type=text是一样的，这里是警报条件：

......
if(!regex_match(item)){
        alert("Solo son posibles los siguientes caracteres: '.' ',' 'a-z' 'a-Z' '0-9' y ' '");
        return;
 }
 .....

var regex_match = function(text){
    regex = /^[_., 0-9a-záéíóúñ]+$/i;
    return regex.test(text);
}

尝试的事情：

• “ return false;”之后alert(...)；

我是javascript新手，谁能指出为什么会发生这种情况？提前致谢！

Answer 1

我对此感到相当惊讶（并希望您会发现行为因浏览器而异），但alert它是一个有趣的野兽，与浏览器环境的其余部分有些不一致，所以......

由于您总是想停止默认行为，我建议：

1. 不要使用alert，这无论如何都是相当难看的（使用 jQuery 的许多“模态”对话框插件中的任何一个，或者只是使用样式化、绝对定位的 自己做div），或者

2. 去掉alert事件处理序列，如下所示：

   var onEnter = function (values) {
       $("#" + values['id']).keydown(function (e) {
           if (e.which == 13) {
               setTimeout(finishHandling, 0);
               return false;
           }
   
           function finishHandling() {
               var function_to_call = window[values['function']];
               if (typeof function_to_call === 'function') {
                   if (values['parameters'] != null) {
                       parameters = values['parameters'];
                       var args;
   
                       if (typeof parameters === 'string')
                           args = parameters.split(',');
                       else
                           args = new Array(parameters);
   
                       function_to_call.apply(window, args);
                   } else function_to_call();
               }
           }
       });
   }
   

   第二个选项的作用是让事件处理程序在您调用之前完成alert，方法是将回调安排finishHandling为几乎立即发生，但在事件处理完成之后。（我还删除了对 的调用event.preventDefault()，因为return false;jQuery 事件处理程序同时执行event.preventDefault()和event.stopPropagation()。当 存在时您可能需要它alert，但没有它就不需要。）