Калькулятор JS вывод результата при не всех заполненных полях?

Question

[crwbr]

Проблема такова, есть калькулятор который считает если заполнены все поля, а надо сделать так если какое либо поле не заполнено то присвоится значение 0, и результат выйдет без учёта заполненного импута

КОД:

spoiler

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>




 $(document).ready(function(){

     
      
      $('.hidden_field').parent().hide();
      
      $('#get_result').click(function(){
        
        var sure_field_count = 0;

        $('.sure_field').each(function(){   
          if( $(this).val() == '' ) sure_field_count++;     
        });

        if( sure_field_count == 0 ){
          
          eval(" result_proc =((parseFloat($('#id_3 input').val())*310)+(parseFloat($('#id_2 input').val())*280)+(parseFloat($('#id_1 input').val())*510)+(parseFloat($('#id_7 input').val())*500)+(parseFloat($('#id_6 input').val())*240)+(parseFloat($('#id_4 input').val())*220))*parseFloat($('#id_5 option:selected').val())");
         

          if( isNaN(result_proc) ) $('#view_result').html('Поля заполнены неверно!');
          else $('#view_result').html(result_proc.toFixed(1));  
        }       
        else $('#view_result').html('Не заполнены обязательные поля!');
      });
;
    });




</script>



<div id='placeForText'></div>

<div id='result_calc_page' style='width:378px;min-height:476px;background:#F7F7F7;border:7px dashed #DA5460;padding:10px;'>
<p class="sortable" id="id_3" style="">Площадь кухни (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_2">Площадь жилых комнат (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_1" style="">Площадь ванной комнаты (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_7" style="">Площадь санузла (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_6" style="">Площадь нежилых помещений (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_4">Площадь лоджии(балкона) (кв.м)<br><input placeholder="" type="input" value="" style="width: 100%;"></p><p class="sortable" id="id_5" style=""><select style="width: 100%;"><option value="1">Косметический ремонт</option><option value="1.65">Ремонт "Комфорт"</option><option value="2.9">Ремонт "Люкс"</option></select><input type="select" style="display:none;"></p>
</div>
<br><p id='view_result'></p>
<button id='get_result' class="btn-slideshow calcum-knopka">Рассчитать</button>

Comments

[Степан Крапивин]

оформи свой код на codepen или jsfiddle. Всем будет проще понять что и как работает. А значит проще будет помочь тебе.

[Сергей Сергей]

( parseFloat( $('#id input').val() ) || 0 )
Такая запись для каждого поля будет возвращать 0 при нечисловом значении в поле.

[crwbr]

Сергей Сергей, БОЛЬШОЕ СПАСИБО! ещё может подскажете как добавить текст .руб после вывода результата?

[Сергей Сергей]

$( '#view_result' ).html( result_proc.toFixed(1) + ' руб' )

[crwbr]

Сергей Сергей, СПАСИБО!