«Если» условие Jquery - проверить пустые поля

Question

«Если» условие Jquery - проверить пустые поля

0

Я пытаюсь подтвердить мои собственные два поля. Когда они пусты, я хотел бы показать сообщение.

Проблема в том, что условие "если" не выполняется должным образом, и я не знаю, почему.

Это HTML-код:

<div id="switchingform">
            <label for="currentsupplier">Who is your current supplier?</label>
            <input type="text" name="currentsupplier" id="currentsupplier"/><br />
            <span class="validateText" id="validateSupplier"><p>Please enter your      current supplier</p></span>

            <label for="postcode">What is your post code?</label>
            <input type="text" name="postcode" id="postcode"/><br />
            <span class="validateText" id="validatePostCode"><p>Please enter your post code</p></span>
</div>

И это код JQUERY:

$("#telecomBusNext").click(function(){ 
    if($("#currentsupplier").val().length < 1 || $("#postcode").val().length < 1) { 
        $("#validateSupplier").fadeIn(400);
        $("#validatePostCode").fadeIn(400);
        return false;
    } else if($("#currentsupplier").val().length > 1 || $("#postcode").val().length < 1) {
        $("#validatePostCode").fadeIn(400);
        $("#validateSupplier").fadeOut(400);
        return false;  
    } else if($("#currentsupplier").val().length < 1 || $("#postcode").val().length > 1) {
        $("#validatePostCode").fadeOut(400);
        $("#validateSupplier").fadeIn(400);
        return false;  
    } else {
      $("#validateSupplier").fadeOut(400);
      $("#validatePostCode").fadeOut(400);
    }   
});

Заранее спасибо.

laluk 06 янв. 2014, в 13:56

Источник

0

Можете ли вы определить «не работает»?
MysticMagicϡ 06 янв. 2014, в 12:25
2

Изменить || с && и это должно работать. Вы определяете два одинаковых условия в двух разных условных выражениях. Ваша логика неверна.
Stefanos Vakirtzis 06 янв. 2014, в 12:25
1

Вы, очевидно, не понимаете разницу между || и && . Это довольно простое недоразумение для программиста.
Barmar 06 янв. 2014, в 12:25
0

Вы проверяете длину меньше 1 и длину больше 1. Как насчет длины, точно равной 1?
Barmar 06 янв. 2014, в 12:28
0

Бармар, ты прав! Я сделал глупую ошибку. Спасибо!
laluk 06 янв. 2014, в 12:35

Показать ещё 3 комментария

Теги:

jquery

validation

if-statement

condition

2 ответа

0

Проблема с вашим кодом заключается в том, что вы используете || (OR), когда вы должны использовать && (AND).

Но почему это так сложно, проверяя все комбинации? Проверьте два поля отдельно, и это будет намного проще:

$("#telecomBusNext").click(function(){ 
    var supplierValid = $("#currentsupplier").val().length > 0;
    var postcodeValid = $("#postcode").val().length > 0;
    $("#validateSupplier").fadeToggle(!supplierValid);
    $("#validatePostCode").fadeToggle(!postcodeValid);
    return supplierValid && postcodeValid;
});

Barmar 06 янв. 2014, в 10:04

0

Спасибо, Бармар, но по-твоему ... что происходит с "возвратом ложного".
laluk 06 янв. 2014, в 14:30
0

Упс, пропустил это. Смотрите обновленный ответ.
Barmar 06 янв. 2014, в 14:40
0

Знаете ли вы, почему в Wordpress не работает амперсанд и символ ?? Я пытаюсь найти решение, но я ничего не нашел об этом ...
laluk 06 янв. 2014, в 15:02
0

Извините, я ничего не знаю о Wordpress.
Barmar 06 янв. 2014, в 15:06

Показать ещё 2 комментария

Ещё вопросы

Можете ли вы определить «не работает»?
Изменить || с && и это должно работать. Вы определяете два одинаковых условия в двух разных условных выражениях. Ваша логика неверна.
Вы, очевидно, не понимаете разницу между || и && . Это довольно простое недоразумение для программиста.
Вы проверяете длину меньше 1 и длину больше 1. Как насчет длины, точно равной 1?
Бармар, ты прав! Я сделал глупую ошибку. Спасибо!
Спасибо, Бармар, но по-твоему ... что происходит с "возвратом ложного".
Упс, пропустил это. Смотрите обновленный ответ.
Знаете ли вы, почему в Wordpress не работает амперсанд и символ ?? Я пытаюсь найти решение, но я ничего не нашел об этом ...
Извините, я ничего не знаю о Wordpress.

Stefanos Vakirtzis · Accepted Answer · 2014-01-06T10-49-00.000Z

Измените || с && и он должен работать. Вы определяете два одинаковых условия в двух разных условностях. Ваша логика неверна.

$("#telecomBusNext").click(function(){ 
    //THIS------------------------------------>   <--ALSO HERE ----------------->
    if($("#currentsupplier").val().length < 1 || $("#postcode").val().length < 1) { 
        $("#validateSupplier").fadeIn(400);
        $("#validatePostCode").fadeIn(400);
        return false;                                //<--AND HERE is the same----->
    } else if($("#currentsupplier").val().length > 1 || $("#postcode").val().length < 1) {
        $("#validatePostCode").fadeIn(400);
        $("#validateSupplier").fadeOut(400);
        return false;
     //AND THIS are the same when using || ----------> 
    } else if($("#currentsupplier").val().length < 1 || $("#postcode").val().length > 1) {
        $("#validatePostCode").fadeOut(400);
        $("#validateSupplier").fadeIn(400);
        return false;  
    } else {
      $("#validateSupplier").fadeOut(400);
      $("#validatePostCode").fadeOut(400);
    }   
});

Поскольку оба условных выражения включают в себя $("#currentsupplier").val().length < 1 и в случае с HERE оба включают $("#postcode").val().length < 1, если один из них true Jquery не знаю, какая из двух операций, отмеченных выше, должна быть запущена.

РЕДАКТИРОВАТЬ :

Вот созданный JSFiddle.

Дайте мне знать, если это то, что вам нужно.

Спасибо Стефанос, я сделал эту ошибку, и вы мне очень хорошо объяснили. Но теперь, когда я изменяю || с && в WordPress это не работает. Почему?
Можете ли вы сказать нам, на #telecomBusNext элемент #telecomBusNext вы нажимаете, и, возможно, я сделаю скрипку, чтобы показать вам, как это сделать.
Да, конечно. Это простая кнопка отправки. Когда вы нажимаете на нее, вы делаете отправку и переходите на следующую страницу. Вот код: <button title = "Continue" name = "submitbutton" type = "submit" class = "btn" id = "telecomBusNext"> Continue </ button> Дело в том, что амперсанд не работает должным образом в Wordpress и я не знаю почему. Я пишу $$ (два амперсанда), но он становится & # 038; & # 038;
Вы хотите, чтобы оба пролета были скрыты, и если входные данные пустые, чтобы показать? В то время как когда входные данные получают значение, вы хотите, чтобы промежутки снова скрывались? Я правильно понимаю?
Стефанос это легко. Это только для проверки двух входов. Если оба пустые, показать два сообщения, если одно из них пустое, показать одно сообщение, и если они не пустые, перейти на следующую страницу.
Хорошо, теперь строю скрипку. Ждать его.
Большой!!!! Это именно то, что я ищу. Большое спасибо Стефанос! Я очень ценю ваше время и вашу помощь.
Кстати, скрипка в моем ответе отличается от скрипки в моем комментарии. Единственное отличие состоит в том, что в моем ответе РЕДАКТИРОВАТЬ также есть некоторый эффект анимации, чтобы заменить эффекты затухания, которые вы использовали. Я рад, что смог помочь :)