필드 유효성 검사 선택이 작동하지 않습니다.

-1

필드에 선택 필드가 있습니다. 다음 코드를 사용하여 유효성을 검사하지 않는 select 필드에 문제가 있습니다. 나는 stackoverflow에서 주어진 많은 솔루션을 시도했지만 그들은 작동하지 않습니다. 은 아무도 도울 수 나를필드 유효성 검사 선택이 작동하지 않습니다.

<select class="form-control required" name="package" data-style="btn-zmyhome" data-width="100%"> 
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option> 
    <option class="col-xs-12" value="1">A</option> 
    <option class="col-xs-12" value="2">B</option> 
</select>

$("#form").validate({ 
    rules: { 
     package: { required: true } 
    }, 
    messages: { 
     package: 'please select' 
    } 
});

출처

2016-10-10 S S

JS 코드에'}'이 없습니다. JS 관련 문제가 예상대로 작동하지 않을 때 콘솔을 항상 확인하십시오 –

유효성 검사 패키지를 포함 시켰습니까 ?? '' –

예 포함했습니다 –

당신은 } 아래 지적 닫는 괄호 누락

$("#form").validate({ 
rules: { 
    package: { required: true } 
}, 
messages: { 
    package: 'please select' 
} /* Closing bracket `}` was missing here */ 
});

출처

2016-10-10 07:18:58 iamdeowanshi

내 코드와의 차이점은 무엇입니까? –

"}"코드에 누락되었습니다. – iamdeowanshi

:) ")"여기에 넣는 것을 잊어 버렸습니다. –

이 코드는 잘 작동 :

<html> 
<head> 
<script src="jquery-3.1.1.min.js"></script> 
<script src="jquery.validate.min.js"></script> 
</head> 
<form id="form"> 

<select class="form-control required" name="package" data-style="btn-zmyhome" data-width="100%"> 
    <option class="col-xs-12" value="0" selected="selected" disabled="disabled">Select</option> 
    <option class="col-xs-12" value="1">A</option> 
    <option class="col-xs-12" value="2">B</option> 
</select> 
<input type="submit" name="submit" value="Submit" /> 
</form> 
</html> 


<script type="text/javascript"> 
$("#form").validate({ 
    rules: { 
     package: { required: true } 
    }, 
    messages: { 
     package: 'please select' 
    } 
}); 
</script>

콘솔 로그를 제공하세요 또는 완전한 코드를 공유 할 수 있습니다.

감사합니다.

출처

2016-10-10 07:40:17

필드 유효성 검사 선택이 작동하지 않습니다.

답변

관련 문제