예제 HTML + JS 양식이 작동하지 않습니다.

Question

자바 스크립트를 처음 시도하는 것이지만 약 두 시간 후에 내가 어떤 실수를하는지 알아낼 수 없었습니다. 작을 것이라고 확신하지만 JSFiddle에서 작동하지 않는 이유를 알아낼 수 없었습니다.

다음

<form name="myForm" onsubmit="return validateForm()" method="post"> 
<!--Question Block One--> 
Do you have a name? 
<br> 
Yes<input type="radio" name="first" value="yes"> 
No<input type="radio" name="first" value="no"> 
<br> 
<input type="submit" value="Submit"> 
</form> 

은 JS의 :

function validateForm() 
{ 
var x=document.forms["myForm"]["first"].value; 
if (x==null || x=="") 
    { 
    alert("Please answer the first question!"); 
    return false; 
    } 
else if (x=="yes") 
{ 
    alert("Thanks"); 

} 
    else if (x=="no" 
{ 
    alert("Sorry, we can't help"); 
} 
} 

오류 : 여기

는 HTML의

{"error": "Shell form does not validate{'html_initial_name': u'initial-js_lib', 'form': <mooshell.forms.ShellForm object at 0x9b6da8c>, 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib', 'label': u'Js lib', 'field': <django.forms.models.ModelChoiceField object at 0x98e9c0c>, 'help_text': '', 'name': 'js_lib'}{'html_initial_name': u'initial-js_wrap', 'form': <mooshell.forms.ShellForm object at 0x9b6da8c>, 'html_name': 'js_wrap', 'html_initial_id': u'initial-id_js_wrap', 'label': u'Js wrap', 'field': <django.forms.fields.TypedChoiceField object at 0x9ccfe4c>, 'help_text': '', 'name': 'js_wrap'}"} 

그리고 여기 년대 JS 바이올린 : http://jsfiddle.net/4WesX/

Answer 1

당신은있어 미시 NG 당신의 else if 문 중 하나에 닫는 대괄호는 여기를 참조 :

else if (x=="no" 

편집 : 사실, 그것보다 더 큰 문제입니다.

해당 라디오 버튼의 값을 제대로 쿼리하지 않습니다. 첫째, 그들에게 ID를 부여 :

Yes<input type="radio" id="yes" name="first" value="yes"> 
No<input type="radio" id="no" name="first" value="no"> 

그런 다음 당신이 할 수 있습니다

function validateForm() 
{ 
    var yes = document.getElementById("yes"); 
    var no = document.getElementById("no"); 

    if (!yes.checked && !no.checked) 
    { 
     alert("Please answer the first question!"); 
     return false; 
    } 
    else if (yes.checked) 
    { 
     alert("Thanks"); 
    } 
    else if (no.checked) 
    { 
     alert("Sorry, we can't help"); 
    } 
} 

Fiddle