title: Checking channel id with JavaScript
body: <p>My form is like this , it may has manual social network</p>
  <p><a href="https://i.stack.imgur.com/PN5gN.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PN5gN.jpg" alt="social network" /></a></p>
  <p>I want to a user enter the id of channel, with <code>@</code>.</p>
  <p>for example</p>
  <ul>
  <li>@oxbir</li>
  <li>@website</li>
  </ul>
  <p>May a user enter with URL, for example <a href="https://t.me/oxbir" rel="nofollow noreferrer">https://t.me/oxbir</a> .</p>
  <p>how to get validate with JavaScript?</p>
  <p>I don't want to enter URL, I want to enter if of channel. <code>@oxbir</code></p>
  <p>blade</p>
  <pre><code>    function showDynamicSocial() {
          let html = '' +
              '@foreach(auth()-&gt;user()-&gt;socials as $social)\n'+
              '&lt;div class=&quot;col-md-6 position-relative&quot;&gt;\n' +
              '&lt;i class=&quot;fas fa-times text-danger position-absolute&quot;&gt;&lt;/i&gt;' +
              '&lt;div class=&quot;row&quot;&gt;\n' +
              '&lt;div class=&quot;col-md-4&quot;&gt;\n' +
              '&lt;div class=&quot;form-group&quot;&gt;\n' +
              '&lt;label for=&quot;social_id&quot;&gt;Social Network&lt;/label&gt;\n' +
              '&lt;select id=&quot;social_id&quot; name=&quot;social_id[]&quot; class=&quot;form-control&quot;&gt;\n' +
              '@foreach($socials as $socialData)\n'+
              '&lt;option value=&quot;{{ $socialData-&gt;id }}&quot; {{ $socialData-&gt;id == $social-&gt;id ? 'selected' : ''}}&gt;\n'+
              '{{ $socialData-&gt;name }}\n' +
              '&lt;/option&gt;\n' +
              '@endforeach\n' +
              '&lt;/select&gt;\n' +
              '&lt;/div&gt;\n' +
              '&lt;/div&gt;\n' +
              '&lt;div class=&quot;col-md-8&quot;&gt;\n' +
              '&lt;div class=&quot;form-group&quot;&gt;\n' +
              '&lt;label for=&quot;link&quot;&gt;Profile ID&lt;/label&gt;\n' +
              '&lt;input id=&quot;link&quot; value=&quot;{{ $social-&gt;pivot-&gt;link }}&quot; name=&quot;link[]&quot; class=&quot;form-control&quot;&gt;\n' +
              '&lt;/div&gt;\n' +
              '&lt;/div&gt;\n' +
              '&lt;/div&gt;\n' +
              '&lt;/div&gt;\n ' +
              '@endforeach';
          $('#showSocial').append(html);
      }
  </code></pre>
  <p>javascript</p>
  <pre><code>$('div .btn-next').on('click', function() {
      var parent_fieldset = $(this).parents('fieldset');
      var next_step = true;
      var current_active_step = $(this).parents('div').find('.form-wizard.active');
      var progress_line = $(this).parents('div').find('.progress-line');
      if( next_step ) {
          parent_fieldset.fadeOut(400, function() {
              current_active_step.removeClass('active').addClass('activated').next().addClass('active');
              bar_progress(progress_line, 'right');
              $(this).next().fadeIn();
              scroll_to_class( $('.wizards'), 20 );
          });
      }
  
  });
  </code></pre>