htmlの択一選択フィールドで、value="normal_direct_link"が設定された場合に
下記を実現したいのですが、うまく動作しません。

○実現したい内容○
①:テキストフィールド（ノーマル設定補足 ）を入力必須にする
②:①を入力していない場合、送信ボタンを押せないようにするor postエラーにしたい

■現在停止している内容■
1:選択肢をフォーカスすると自動でvalue="normal_direct_link"を選択してしまう
2:value="normal_direct_link"を選択してもテキストフィールド（ノーマル設定補足 ）を入力必須にならない

コードはCoffeescriptですが、ご回答はjqueryもしくはJSで頂いても問題ございません。
恐れ入りますが、どなたかご協力いただければと存じます

<div class="form-group"　id="service_page_type">
  <label class="select optional control-label" for="service_page_type">リンク設定</label>
  <select class="select" id="service_page_type" name="service[page_type]" value="default">
    <option selected="selected" value="default">通常設定</option>
    <option value="pro">プロ</option>
    <option value="normal_direct_link">ノーマル設定</option>
  </select>
</div>
<div class="form-group">
  <label class="string">ノーマル設定補足</label>
  <input class="string" id="service_link" name="service[link]" type="text">
  <div class="help-block " id="service-link-errors"></div>
</div>

$('#service_page_type').click ->
  if $("[name='service[page_type]']").val 'normal_direct_link'
    if $('#service_link').val() == ''
      $('#service_link').addClass('#service-link-errors', '入力して下さい')
    else
      $('#service_link').removeClass('#service-link-errors')