2013-09-03 4 views
1

방금 ​​프로그래밍을 시작했으며 매우 기본적인 단계에 있으며, 방금 학생 웹 사이트의 양식을 만들었으며 라디오 버튼의 유효성을 검사하려고합니다. HTML 코드에서 "checked"를 선택할 수는 있지만 JavaScript 코드 내에 있어야한다고 강사가 명시했습니다. 나는 이미 여기에서 연구했지만, 많은 사람들이 내게는 효과가 없다는 것을 보여 주었다. (내 잘못이다!) 그리고 이전의 모든 유효성 검사를 망칠 뿐이다.라디오 버튼의 유효성을 검사하는 방법

모든 ninjas의 안내가 크게 감사드립니다.

<script>  
    function validate(){ 
    firstname = document.getElementById("txtFirst").value; 

    errors = ""; 

    if (firstname == ""){ 
     errors += "Please supply a valid First Name \n"; 
    } else if (!firstname.match(/^[a-zA-Z-\s]*$/)){ 
     errors += "Please use only letters in your First Name \n"; 
    } 
    } 
</script> 


<body> 
<form method="post" action="" class="booking"> 
<fieldset> 
    <div> 
    <label for="txtFirst" class="fixedwidth">First Name</label> 
    <input type="text" name="txtFirst" id="txtFirst"/> 
    </div> 

    <div class="buttonarea"> 
    <input type="submit" value="submit" onclick="validate()"/> 
    </div> 
</fieldset> 
</form> 

+2

라디오 버튼이 표시되지 않습니다. –

+0

시간과 응답에 감사드립니다. 나는 작동하지 않아 좌절감으로 내 라디오 버튼 코드를 삭제했다. 이것은 내가 일한 것을 보여주는 예일 뿐이며 누군가 내가 이미 작성한 것을 적용 할 수 있기를 바랬다. – Steve

답변

1

I가 jQuery를 권장합니다 여기에 내가 좌절의 라디오 버튼 유효성 검사를 삭제 한 나를 위해 작동합니까 내 코드의 작은 샘플입니다, 난 그냥이 코드를 적용하는 방법을 알고 싶어요 이 경우에만 $('element').val()을 확인해야합니다. JavaScript에서는 document.getElementById('element').value을 확인해야합니다. 라디오 박스 세트에서 하나의 값만 선택할 수 있으므로 nameid 속성이 모두 일치해야합니다.

+0

모든 답변을 주셔서 감사합니다. 나는 코드에 끈기있게 노력하고 마침내이 사이트에서 더 많은 검색을 한 후에 작동하도록했습니다. 내가 배울 점이 많다. – Steve

관련 문제