非后台控制的表单或者是页面跳转的条件错误语句问题

Question

如果不在后台调用validation或者立旗方法的话，直接在前台可不可以触发点击事件等达到value为空的时候添加class并输出错误信息

类似这样？

<select>
  <option value="">没有选项</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
</select>
<div id="emg" class=""></div>

<a href="???" id="zxc">点击转移</a>

<script>
  $(function() {
    $( "#zxc" ).click(function() {
      $( "#emg" ).addClass( "errormsg", nextfun);
      return false;
    });

    function nextfun() {
      
        $( "#emg" ).text( "没有输入等等" );

}
</script>

水平不足有错误还请赐教，不过类似这样一来有两个小疑问，判断select下被选择的option,value为空判断语句塞到哪里，还有就是可以在<a>被点击触发的时候能否在输出错误信息的同时阻止表单或者是页面跳转~
谢谢

Answer 1

<select id="sel">
    <option value="">没有选项</option>
    <option value="1">选项1</option>
    <option value="2">选项2</option>
</select>
<div id="emg" class=""></div>

<a href="???" id="zxc">点击转移</a>

<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    $(function () {
        $("#zxc").click(function () {
            if ($('#sel').val() == '') {
                $("#emg").addClass("errormsg");
                nextfun();//设置内容要单独调用，jquery的addClass没有回调
                return false;//住址链接跳转
            }
        });

        function nextfun() {

            $("#emg").text("没有输入等等");

        }
    });
</script>