JQuery 유효성 검사 확인란 및 표시 피드백

두 개의 확인란이 들어있는 다음 샘플 코드가 있습니다. 사용자가 Submit 버튼을 눌렀을 때 얼마나 많은 체크 박스가 선택되었는지를 결정하는 JQuery 코드가있다.JQuery 유효성 검사 확인란 및 표시 피드백

<html> 
<head> 
<title>Test</title> 


<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.unobtrusive.js" type="text/javascript"></script> 
<script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script> 

<script> 

    $(function() { 
     $('form').submit(function() { 

      var fields = $("input[name='group']").serializeArray(); 
      if (fields.length == 0) { 
       //alert('nothing selected'); 
       $("myText").html("Selected"); 
      } 
      else { 
       //alert(fields.length + " items selected"); 
       $("myText").html("Not Selected"); 
      } 

     }); 
    }); 


</script> 

</head> 
<body> 
<div> 

    <form> 

    <input type="checkbox" name="group" value="1" />1 
    <input type="checkbox" name="group" value="2" />2 

    <input type="submit" value="Submit" /> 


    <div id="myText"></div> 

    </form> 

</div>

에는 체크 박스가 나는 그러나,이 사용자에게 알리는 경고 상자를 만들 수 있습니다 선택하지 않은 경우, 이상적으로, 내가 대신 경고 상자를 사용하지 마십시오하고 싶습니다 추가 내가 작성한 DIV에 대한 피드백 텍스트.

당신은 내가 노력하고 볼 수있는 너무이 다음 코드

$("myText").html("Selected");

그러나 어떤 이유로 작동하지 않는 것으로.

누구든지이 문제에 도움을 주실 수 있습니까?

감사합니다.

토니.

출처

2012-07-16 tgriffiths

myText에서 #이 mytext이 id이다 기록하고 당신이 로켓처럼 작동한다이

$("#myText").html("Selected"); 나머지를 할 필요가 ID에 액세스 할하시기 바랍니다가 없습니다.

희망이 원인을 현장에 대한 :)

$(function() { 
     $('form').submit(function() { 

      var fields = $("input[name='group']").serializeArray(); 
      if (fields.length == 0) { 
       //alert('nothing selected'); 
       $("#myText").html("Selected"); 
      } 
      else { 
       //alert(fields.length + " items selected"); 
       $("#myText").html("Not Selected"); 
      } 

     }); 
    });

출처

2012-07-16 10:35:12

건배를하는 데 도움이! – tgriffiths

@tgriffiths 걱정 없음':)'도움이 되었으니 기쁩니다! –

JQuery 유효성 검사 확인란 및 표시 피드백

답변

관련 문제