验证表单复制

Question

我有一个表单，提交时它会检查用户是否选择了该字段，如果没有提供填写的消息，但是如果我一直点击该消息则保持重复，重复三次并继续... 。我怎样才能让消息只出现一次？这是代码

$( "#myform" ).submit(function( event ) {
  var met = $("#mySelect").val();
  if (met === "0"){

    $( ".msn" ).append( "Select a Field" );
    return false 
  }else{
    $( "#myform" ).submit();
    }

});

Answer 1

由于问题出现在附加标签上，请尝试：

$( "#myform" ).submit(function( event ) {
  var met = $("#mySelect").val();

  if (met === "0"){
    // Clear .msn 
    $(".msn").empty();

    // Append label
    $( ".msn" ).append( "Select a field" );

    return false 
  }else{
      $( "#myform" ).submit();
    }

});

选中 updated fiddle 。

Answer 2

使用.one功能

$( "#myform" ).one('submit', function( event ) {
  var met = $("#mySelect").val();
  if (met === "0"){

    $( ".msn" ).append( "Select a Field" );
    return false 
  }else{
    $( "#myform" ).submit();
    }

}）;