Question

我正在处理javascript条件。

如果该字段为空，则打开警报，否则该函数将被执行。

但我正在尝试添加另一个条件 - 验证字段的类。如果它不在页面中，或者它是空的，则直接执行函数/显示错误。

如果课程在页面中并且是否已填写，我如何查看javascript？

$("#bouton").on("click", function(){
    var warnning_message = 'warning message';

    if(!$('.the-class').val()) {
        alert(warnning_message);
    }
    else{
        console.log('ok');
    }

Answer 1

似乎hasclass会很有用

if($('.the-class').val()==='' && $('.the-class').hasClass('className')) {
  alert(warnning_message);
}

Answer 2

您可以使用$(".the-class").length > 0代码检查班级是否存在：

＆＃13;

$("#botton").on( "click", function() {
    var warnning_message = 'warning message';

    if( $(".the-class").length > 0) {
        alert(warnning_message);
    }
    else {
        console.log('ok');
     }
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="botton" class="the-class">Click Here</div>

＆＃13;

Answer 3

如果要检查是否存在具有特定类的元素，请使用以下命令：

if ($(".the-class").length>0){
    alert('Exists');
}

Answer 4

您可以将ID添加到字段中以便选择它，然后执行以下操作：

if($( "#mydiv" ).hasClass( "the-class ))
   console.log('has class');
else
   console.log('no class');

Answer 5

检查数组的长度

if( $('.the-class').length == 0) {
   alert(warnning_message);
}
else if (!$('.the-class').val()){
   alert(warnning_message);
}

现有类的javascript验证

5 个答案: