Question

点击提交按钮后，我需要使用if和else验证表单。但是有些东西不起作用，if如果没有输入值，每个人都必须变成红色。 else删除错误类。

我试过这种方式： JQuery的：

var inp = $('.text-input');

    $("#send-lunch").click(function(err) {
        if(!$.trim(this.value) === true){
              $(".inputs-text").addClass('error');

            }else{
              $(".inputs-text").removeClass('error');
        }
    });

    inp.blur(err);

jsfiddle

Answer 1

试试 JsFiddle...

我已经更改了JQuery代码，如下所示......所以请试试吧......

var inp = $('.text-input');
$(document).ready(function(){
$("#send-lunch").click(function(err) {
    $('.text-input').each(function(){
    if($(this).val() == ''){
        alert('sp');
          $(this).addClass('error');

        }else{
          $(this).removeClass('error');
    }
    });
});
});

inp.blur(err);

HTML代码更改...按钮关闭代码缺失...

<button id="send-lunch">submit</button>

Answer 2

您可能需要在使用value

时将string与boolean而不是$.trim进行比较

 if(!$.trim(this.value) === "true"){

如果您不希望文本的值为“true”，则应将其与空字符串

进行比较

 if(!$.trim(this.value) === ""){

Answer 3

我修改过您的小提琴，请参阅更改

    var inp = $('.text-input');

$("#send-lunch").click(function(err) {
    if(inp.val().length<=0){
          $(".text-input").addClass('error');

        }else{
          $(".text-input").removeClass('error');
    }
});

inp.blur(err);

http://jsfiddle.net/sahilthadhani/ssts2/4/

错误“if”“else”表示验证表格

3 个答案: