[misha.korolcov]

у меня вишло так еще думаю как зделать проверку на тупе

<script>
        function valid() {

         


            let name = $('#first_name ').val()
             let namelast = $('#last_name ').val()
             let email = $('#email ').val()
             let phone = $('#phone ').val()
              let message = $('#message ').val()
           
             

            if (name == '') {
                $('#first_name').css('border', '1px solid #E2402D')
                $('#first-name-text').css('color', ' #E2402D')
                $('#first_name').css('box-shadow', 'none')
                $('#block-name').css('background-image', 'url(img/error.png)')
            } else {
                 if(name.length <= 2 || name.length >= 10 ){
                  $('#first_name').css('border', '1px solid #E2402D')
                $('#first-name-text').css('color', ' #E2402D')
                $('#first_name').css('box-shadow', 'none')
                $('#block-name').css('background-image', 'url(img/error.png)')
                    }else {
                     $('#first_name').css('border', '1px solid #313348')
                $('#first-name-text').css('color', '#FFFFFF')
                $('#block-name').css('background-image', 'url(img/done.png)')
                    }
                
               
            }

            if (namelast == '') {
                $('#last_name').css('border', '1px solid #E2402D')
                $('#last-name-text').css('color', ' #E2402D')
                $('#last_name').css('box-shadow', 'none')
                $('#block-last-name').css('background-image', 'url(img/error.png)')
            } else {
                $('#last_name').css('border', '1px solid #313348')
                $('#last-name-text').css('color', '#FFFFFF')
                $('#block-last-name').css('background-image', 'url(img/done.png)')
            }
            
            
            if (email == '') {
                $('#email').css('border', '1px solid #E2402D')
                $('#email-text').css('color', ' #E2402D')
                $('#email').css('box-shadow', 'none')
                $('#block-email').css('background-image', 'url(img/error.png)')
            } else {
                $('#email').css('border', '1px solid #313348')
                $('#email-text').css('color', '#FFFFFF')
                $('#block-email').css('background-image', 'url(img/done.png)')
            }
            
              if (phone == '') {
                $('#phone').css('border', '1px solid #E2402D')
                $('#phone-text').css('color', ' #E2402D')
                $('#phone').css('box-shadow', 'none')
                $('#block-phone').css('background-image', 'url(img/error.png)')
            } else {
                $('#phone').css('border', '1px solid #313348')
                $('#phone-text').css('color', '#FFFFFF')
                $('#block-phone').css('background-image', 'url(img/done.png)')
            }
            
            
            if (message == '') {
                $('#message').css('border', '1px solid #E2402D')
                $('#message-text').css('color', ' #E2402D')
                $('#message').css('box-shadow', 'none')
                $('#block-message').css('background-image', 'url(img/error.png)')
                
            } else {
                $('#message').css('border', '1px solid #313348')
                $('#message-text').css('color', '#FFFFFF')
                $('#block-message').css('background-image', 'url(img/done.png)')
            }
            
            

            

            alert(phone)
        }
    </script>