javascript - 无法验证用户在 JavaScript 中的输入

Question

我正在尝试验证用户输入，输入是用户输入的颜色名称，这里是代码片段

let valideColor = false;

do{

      const selected_color = $('#SelectedColorPicker').val();

        if (selected_color === '') {
            console.log('Not valid')
        }
        else {
            validColor = true;
        }

}while(!validColor)

上面的代码产生无限循环，导致我的浏览器崩溃，如果有人能告诉我问题出在哪里，我将不胜感激。

Answer 1

您遇到了无限循环，因为您在循环中连续运行代码，而不给用户输入任何输入的机会 - 当用户输入是使 validColor 有效的唯一方法时true，因此跳出循环。

循环在这里是完全错误的方法。您只需要在某些点进行检查，大概是当用户尝试提交此输入所属的任何表单时。所以你应该这样做:

$("#idOfMyForm").submit(function(e) {
    const selected_color = $('#SelectedColorPicker').val();

    if (selected_color === '') {
        console.log('Not valid');
        e.preventDefault();
    }
});

警告用户(当然，任何没有打开浏览器控制台的人都不会注意到一个 console.log ，因此绝大多数用户不会注意到)，然后停止表单提交。