2013-06-30 4 views
2

Dreamweaver에서 Spry가 삭제되었으므로 간단한 대체 방법을 찾고 jQuery 유효성 검사 플러그인을 시험 사용하고 있습니다. 내가 가지고있는 문제는 전자 메일 유효성 검사가 전혀 작동하지 않는 동안입니다. 예쁜jQuery 플러그인 유효성 검사, 이메일 주소 유효성 검사가 작동하지 않습니다.

$("#form1").validate({ 
rules: { 
    Email_Address: { 
    required: true, 
    email: true 
    } 
    } 
}); 

:

<div class="pure-control-group"> 
    <label for="First_Name">First Name:</label> 
    <input type="text" name="First_Name" id="First_Name" required /> 
</div> 
<div class="pure-control-group"> 
    <label for="Last_Name">Last Name:</label> 
    <input type="text" name="Last_Name" id="Last_Name" required /> 
</div> 
<div class="pure-control-group"> 
    <label for="Email_Address">Email:</label> 
    <input type="text" name="Email_Address" id="Email_Address" /> 
</div> 

이 유효성 검사 코드는 :이 필드에서 코드가

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script> 

:

나는 머리에 포함 파일을 추가 단순한. 처음 두 필드는 전자 메일 필드가 아니라 올바르게 검증됩니다.

+0

모든 것이 나에게 잘 보인다. 자바 스크립트 오류가 있는지 콘솔을 확인하고 싶을 수 있습니다. 또한 양식 아래에 유효성 검사 코드가 있습니까? – jlars62

+0

유효성 확인 코드는 닫는 body 태그 바로 앞에 있습니다. –

답변

1

ID를 개방형 양식 태그에 부착 할 수 있습니까?

예 : form id = "form1"?

아 당신이 다른 사람이 유효하다고 말한 것으로 나타났습니다.

+0

나는 또한 클래스의 이름이어야한다고 믿습니다. ie : class = "required"하지만 이것이 왜 작동하지 않는지를 설명하지는 않습니다 ... – Mark

+0

양식의 ID가 정확합니다. 처음 두 필드가 작동하지 않는다고 생각합니다. 필드를 "필수"로 설정하면 Chrome의 기본 동작 일뿐입니다. –

+0

검증 된 후에 jQuery include를 포함 시켰습니다. 도와 주셔서 감사합니다. –

관련 문제