как добавить обязательный тег с введенным значением текста

Question

Я хочу, если поле input заполнено именем домена, тогда в теге a href указано заполнение. См. Мой код:

<input class="form-control" placeholder="Enter domain name e.g. www.mydomain.com" type="text" id="domain_name" value="" name="domain_name" required/><br>

<a href="" id="findmea">Click here</a> 

Если значение input пусто, не показывать ссылку на входное значение в href, а также необходимо подтвердить ее с помощью этого поля.

, но в моем теге a кликабельна, когда поле ввода пусто

см. мой js код:

$(document).ready(function(){
    $('#domain_name').change(function(){
        var tmpVal = jQuery('#domain_name').val();
        if(tmpVal!=''){
            var tmphref = $('#findmea').attr('href');
            tmphref = "https://example.com/?url="+tmpVal;
            $('#findmea').attr('href',tmphref);
            $('#findmea').attr('target', '_blank');
        }
        else{
            var tmphref = $('#findmea').attr('href');
            tmphref = "#";
            $('#findmea').attr('href',tmphref);
            $('#findmea').attr('target', '_self');
        }

    });
});

Вот мое подтверждение:

$("#field_name").validate({
              rules: {
                 domain_name: {
                      required: true,
                      validUrl: true
                  },

              }
          });

Я хочу если поле ввода не заполнено и щелкните тег a, появится сообщение об ошибке. this field is require. Он работает, пока я использую input type submit в теге a, но href не работает с ним.