2013-02-27 2 views
0
$(document).ready(function(){ 

$('#send').click(function() { 

var names = $('#appontment_form').serialize(); 

//this is how my names variable look like 
//doctor=Dr.Fathmath+Shahuda&date=2013-02-27&time=1900+-+1700&phone= 

var doc = $(names).filter('doctor'); 

if(doc !='') 
{ 
     $.ajax({ 
     type: "post", 
     url: "../../includes/jqueryRequireFiles/appointmentSave.php", 
     data:names, 
     success: function(data) 
     { 
     $('#confir').text('Your Appointment Received..'); 
     } 
     }); 
     return false; 
} 
}); 
}); 

나는 appontment 양식을 가지고 있습니다. 링크를 클릭하면 텍스트 상자의 모든 값을 가져 와서 serialize() 함수를 통해 names 변수에 저장합니다. 변수 이름을 필터링하고 필드 중 하나라도 채워지지 않은 경우를 찾고 싶습니다 .. 아약스 부분을 만들지 만 작동하지 않는 경우 어떤 도움이 필요합니까?jquery serialize() 함수로 간단한 폼 유효성 검사

답변

0

jQuery 유효성 검사 사용을 고려하십시오. 플러그인. http://docs.jquery.com/Plugins/Validation

+0

하지만 양식의 제출 버튼을 사용하지 않습니다. 링크를 사용하여 다른 페이지로 보내기 –

1

$.serialize()을 사용하면 변수 내용은 ?key=value1&key=value2처럼 보입니다. 양식을 확인하고 싶은 경우에, 다만

var found_errors = false; 
if($('#formfield1').val().trim() == "") { 
    //Handle errors if field is empty 
    found_errors = true; 
} 

처럼 직렬화하지 않고 그것을 할 그리고 오류가 발견되지 않은 경우, 양식을 직렬화하고 보낼 수 있습니다.