2
JQuery를 알고 있고 간단한 양식의 유효성을 검사하려고합니다.제출 클릭시 유효성 검사가 작동하지 않습니다. jquery
여기에서 문제는 유효성 검사가 제출 클릭에서 작동하지 않는다는 것입니다. 대신에 나는 오류 메시지 : https://jsfiddle.net/aimanpanday87/hsdscmcj/
A
답변
2
보기
$(document).ready(function() {
$("#form").validate({
rules: {
"name": {
required: true,
minlength: 5
},
"email": {
required: false,
email: true
}
},
messages: {
"name": {
required: "Please, enter a name"
},
"email": {
required: "Please, enter an email",
email: "Email is invalid"
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
<form id="form" method="post" action="#">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="email">Email</label>
<input type="email" name="email" id="email" />
<button type="submit">Submit</button>
</form>+0
@ sujal-patel 도와 주셔서 감사합니다. js 링크와 그 작업을 추가했습니다. 하지만 문제는 js 바이올린과 Dreamweaver에서 작동하지 않는 것입니다. 정확한 코드를 작성했습니다. 하지만 js는 작동하지 않습니다. – Aiman
+0
콘솔을 열고 빨간색 줄을 표시하거나 표시하지 않습니다. –
+0
@ sujal-patel 예 : Uncaught ReferenceError : $는 정의되지 않았습니다. at file : /// D :/html/bent/New % 20folder % 20 (2)/validation 의 .js : 1 : 1 (익명) validation.js @ sujal - patelUncaught 오류 @ 1 – Aiman
2
아래와 같은 코드를 만들거나 바이올린 아래 링크를 확인하시기 바랍니다 :
$(document).ready(function() {
$("#form").validate({
rules: {
"name": {
required: true,
minlength: 5
},
"email": {
required: false,
email: true
}
},
messages: {
"name": {
required: "Please, enter a name"
},
"email": {
required: "Please, enter an email",
email: "Email is invalid"
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
return false; // for demo
}
});
});<form id="form" method="post" action="#">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="email">Email</label>
<input type="email" name="email" id="email" />
<button type="submit">Submit</button>
</form>가 jsfiddle입니다
작업 코드 링크 : https://jsfiddle.net/hsdscmcj/9/
<form id="form" method="post" action="#">
Name
<input type="text" name="name" id="name" />
Email
<input type="email" name="email" id="email" />
<button type="submit">Submit</button>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.js"></script>
<script>
$(document).ready(function() {
$("#form").validate({
rules: {
"name": {
required: true,
minlength: 5
},
"email": {
required: true,
email: true
}
},
messages: {
"name": {
required: "Please, enter a name"
},
"email": {
required: "Please, enter an email",
email: "Email is invalid"
}
},
submitHandler: function (form) { // for demo
alert('valid form submitted'); // for demo
}
});
});
</script>
이것이 작동하는지 확인하십시오. 단지 JS를 추가 포스트 코드에서 코드 편집 아래
감사
+0
콘솔에 어떤 오류가 발생하고 있습니까? ? –
+0
제 코드는 https://jsfiddle.net/hsdscmcj/5/에서 확인하십시오. –
+0
@AmanKumar 왜 당신이 잘못 알고 있습니다. 이 https://jsfiddle.net/hsdscmcj/5/ 코드는 이름과 전자 메일에도 사용됩니다. –
귀하의 예는 검증 플러그인 포함되지 않습니다 연결합니다. 당신은 당신의 페이지에도 그걸 가지고 있습니까? – nbo
jquery 유효성 검사 플러그인 파일을 추가 했습니까? – rahulsm
@Aiman이 작동하는 바이올린 링크를 확인하십시오 : https://jsfiddle.net/hsdscmcj/5/ –