フォームにおけるコンソール上での変数の値の変更を避ける方法について

Question

前提・実現したいこと

HTMLでフォームを作りJavaScriptでバリデーション、Ajaxでデータの送信を行おうとしています。
データは表示用のデータとデータベースに送信するデータを別にし、
バリデーションでエラーが見つかった場合は表示用のメニューや確認画面が出ないようにしています。

発生している問題・エラーメッセージ

ここで、データベースに送るべきデータにコンソール等で不正な変更が行われた時にそれを検知、或いはエラーを返すことができないので
それをできるようにしたいのですがやり方の検討がてんで付きません。

該当のソースコード

現在の状況は以下のようになっています。

          <div id="hoge_valid"></div>
          <div id="hoge">
          <input type="radio" name="hoge_a" value="2" id="D"><label for="D">D</label><br><br>
          <input type="radio" name="hoge_a" value="1" id="E"><label for="E">E</label><br><br>
          <input type="radio" name="hoge_a" value="0" id="F"><label for="F">F</label><br><br>
          </div>
<!-- ↑収集する値は文字列。 -->

    <div id="choice">
    <input type="checkbox" name="piyo" value="0" id="piyo0"><label for="piyo0">piyo0</label><br><br>
    <input type="checkbox" name="piyo" value="1" id="piyo1"><label for="piyo1">piyo1</label><br><br>
    <input type="checkbox" name="piyo" value="2" id="piyo2"><label for="piyo2">piyo2</label><br><br>
    <input type="checkbox" name="piyo" value="3" id="piyo3"><label for="piyo3">piyo3</label><br><br>
<!-- 以下同様 -->
  </div>

<!-- ↑収集する値は配列。後で文字列にします。 -->
<p>hoge:<span class="hoge_echo"></span></p>
<p>piyo:<span class="piyo_echo"></span></p>
<p><input type="button" value="check" id="is_it_OK"></p><!-- 確認画面を開くボタン -->

var $hoge="";
var $piyo="";
var $error_hoge_="";
var $hoge_echo_="";
var $error_piyo_="";
var $piyo_echo_="";
function valid_hoge($hoge)
{
  $error_hoge="";
        if ((!$hoge&&$hoge!=0)) {
        $error_hoge = "<div id=\"hoge_valid\"><p style=\"color:#ff2800;\">"+"入力されていません。"+"</p></div>";
    } else if ((parseInt($hoge)<0||parseInt($hoge)>2)&&!isNumeric($hoge)) {
        $error_hoge = "<div id=\"hoge_valid\"><p style=\"color:#ff2800;\">"+"不正なPOSTです。"+"</p></div>";
    }else{
      $error_hoge="<div id=\"hoge_valid\"></div>";
    }
    return $error_hoge;
}

function valid_hoge_echo($hoge)
{
  $hoge_array =[/*配列の中身*/];
  $hoge_echo ="";
  $error_hoge ="";
  $error_message=valid_hoge($hoge);
  if ($error_message === "<div id=\"hoge_valid\"></div>") {
    $hoge_echo = $hoge_array[parseInt($hoge)];
  }
    return $hoge_echo;
}


function valid_piyo($piyo){
  $error_piyo="";
  $piyo2 =[/*配列の中身*/];
    if ($piyo.length==0) {
        $error_piyo = "<div id=\"piyo_valid\"><p style=\"color:#ff2800;\">"+"入力されていません。"+"</p></div>";
      }else{
        for ($i = 0; $i <$piyo.length ; $i++) {
          if (((parseInt($piyo[$i])<0||parseInt($piyo[$i])>($piyo2).length-1)||!Number.isInteger(parseInt($piyo[$i]))||!Array.isArray($piyo))&&parseInt($piyo[$i])==$piyo[$i]) {
            $error_piyo = "<div id=\"piyo_valid\"><p style=\"color:#ff2800;\">"+"不正なPOSTです。"+"</p></div>";
            break;
          }
        }
        $error_piyo="<div id=\"piyo_valid\"></div>";
      }
      return $error_piyo;
}

function valid_piyo_echo($piyo)
{
  var $piyo_echo = "";
  $error_message = valid_piyo($piyo);
  $piyo2 =[/*配列の中身*/];
    var $array= new Array();
  if ($error_message==="<div id=\"piyo_valid\"></div>") {
  for(var i=0;i<$piyo.length;i++){
      if($piyo_echo!=="") $piyo_echo+=",";
      $piyo_echo+=$piyo2[parseInt($piyo[i])];
  };
  }
      return $piyo_echo;
}

/*確認画面を開かせる前にエラーメッセージが出ているかで判断していますがコンソールなどで値を変えられるとこの関数ではどうにもならないです。*/
$(function(){
        $("#piyo input").change(function(){
        ary=document.getElementsByName('piyo');
        $piyo=new Array();
        if (ary.length>1) {
          for (var i = 0; i <ary.length; i++) {
            if (ary[i].checked) {
              $piyo.push($(ary[i]).val());
            }
          }
        }
        $error_piyo_=valid_piyo($piyo);
        $piyo_echo_=valid_piyo_echo($piyo);
        $('#piyo_valid').html(valid_piyo($piyo));
      });
      $("#hoge input").change(function(){

        $hoge=$("#hoge input:checked").val();
        $('#hoge_valid').html(valid_hoge($hoge));
        $error_hoge_=valid_hoge($hoge);
        $hoge_echo_=valid_hoge_echo($hoge);
      });
  $('#is_it_OK').on('click', function() {
  $('span.hoge_echo').text($hoge_echo_);
  $('span.piyo_echo').text($piyo_echo_);
});
});

Answer 1

無理です。

極端な話、フォームを全く使わず、不正な値に書き換えたAjaxリクエストを投げることすらできてしまうので、最終的なバリデーションはサーバサイドで行わなくてはなりません。