使用jquery serialize()函数进行简单的表单验证

时间:2013-02-27 08:10:34

标签: javascript jquery

$(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变量中。我想过滤名称变量,并找出是否有任何字段没有填写..如果只有那时我将使ajax部分..但它不工作......任何帮助

2 个答案:

答案 0 :(得分:1)

使用$.serialize()时,变量内容看起来像?key=value1&key=value2。如果要验证表单,只需执行此操作而不需要像

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

如果没有找到错误,请序列化表单并发送。

答案 1 :(得分:0)

考虑使用jQuery验证插件。 http://docs.jquery.com/Plugins/Validation