반응형
제출 단추를 사용하지 않고 유효성 검사를 트리거하는 방법
jQuery Validation 플러그인을 사용하고 있으며 대체 단추를 사용하여 유효성 검사/제출을 트리거하려고 합니다.css를 변경하는 jquery 함수를 만들고 validate 함수를 실행하고 싶습니다.이전에 답변한 질문을 살펴보았지만 Validation 플러그인 및 submitHandler 기능과 관련하여 이 문제를 해결할 수 있는 항목을 찾지 못했습니다.좋은 의견이라도 있나?
질문에 대한 업데이트: 사용할 버튼이 양식 외부에 있습니다.양식 외부에 있는 단추로 양식을 제출하고 유효성을 확인하는 가장 좋은 방법은 무엇입니까?
코드는 다음과 같습니다.
$("#edit-button").click(function(event) {
$('#postAccordion2').css('padding-bottom', '0px');
$('#edit-button').css('display','none');
$("#applicant-form").validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
type: "POST",
data: {
"firstName" : $('#firstName').val(),
"lastName" : $('#lastName').val()
},
dataType: 'json',
url: './includes/ajaxtest.php',
error: function() {alert("doh!");},
success: function() {alert("yippee!");},
}
});
return false;
},
errorPlacement: function(error,element) {
return true;
},
rules: {
"firstName": {
required: true,
minlength: 1
},
"lastName": {
required: true
}
}
});
});
원하는 요소에 대해 유효한 호출을 할 수 있어야 합니다.
$('selector').valid();
다음은 몇 가지 참고 자료입니다.
http://docs.jquery.com/Plugins/Validation/valid
http://docs.jquery.com/Plugins/Validation/validate
전화해야 합니다.validate
다음과 같이 유효성 검사 기능을 트리거할 인수가 없습니다.
$("#applicant-form").validate();
언급URL : https://stackoverflow.com/questions/5785510/how-to-trigger-validation-without-using-a-submit-button
반응형
'programing' 카테고리의 다른 글
고정 디브의 CSS 수평 중심화? (0) | 2023.09.02 |
---|---|
MySQL : 구분자 문자열로 분할된 문자열의 왼쪽 부분? (0) | 2023.09.02 |
Git EOL 변환 사용 안 함 (0) | 2023.09.02 |
Pandas: 변수에 특정 Excel 셀 값 읽기 (0) | 2023.09.02 |
도커 브라우저가 리포지토리에서 최신 이미지를 사용하도록 하는 방법 (0) | 2023.09.02 |