javascript - 选择选项、复选框、单选标记,如果它们为空

标签 javascript jquery html

对于文本框和数字,如果它们是空的,我们很容易发送以下错误命令:

Ajax

    parent_fieldset.find('input[type="text"], input[type="number"]').each(function() {
        if( $(this).val() == "" ) {
            $(this).addClass('input-error');
            next_step = false;
        }
        else {
            $(this).removeClass('input-error');
        }
    });

CSS

.input-error {
    border-color: red;
}

但是对于select optioncheckboxradio标签,如果是空的,怎么办?

最佳答案

你可以使用这样的东西:

$(document).ready(function(){
$('#mySelectBox').each(function() {
 if($(this).val() == -1)     
        $(this).addClass('input-error');     
 else
        $(this).removeClass('input-error');
});

});

fiddle 示例 here .为了澄清一点,我在这里假设您有一个值为 -1 的“请选择选项”(因此实际上没有选择任何内容):

关于javascript - 选择选项、复选框、单选标记,如果它们为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53077272/

相关文章:

javascript - 如何从 iframe 内部获取带有 javascript 的 iframe 的高度?具有多个 iframe 的页面呢?

javascript - webauthn 示例表明浏览器在交叉编译时不受支持,但可以在主机上运行

php - 验证更新表格

java - 使用 Play 框架通过 Gmail SMTP 服务器发送电子邮件时出现 500 内部服务器错误

javascript - 使用多个可选择的选项卡

php - HTML:将表格放入表单中

javascript - 正则表达式组与空格匹配

javascript - 我们可以使用另一个函数名称作为方法的参数从 javascript 调用 native 方法吗?

javascript - 在 jCarousel 中允许三个以上的元素

javascript - 正确附加嵌入播放器的问题