页面在日期重置时刷新


Page getting refreshed on date Reset

使用AJAX将表单值传递给PHP页面。一旦值被传递,我将清除表单中INPUT字段的值。它工作得很好,但当我清除input:date值页面得到刷新!

$('#form1').submit(function(){
    var formdata = $(this).serialize();
    $.ajax({
        type:'POST',
        url:'certification.php',
        data:formdata
    });
    $(this).find('input:text').val('');
    $(this).find('input:file').val('');
    $(this).find('input:date').val('');  **On adding this line page gets Refreshed.**
    return false;
}); 

Jquery不支持这个选择器。

所以你得到。

 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: date 
你的代码应该是这样的:
$('#form1').submit(function(e){
    e.preventDefault(); //this will prevent default action even if there is uncaught exeption.
    var formdata = $(this).serialize();
    $.ajax({
        type:'POST',
        url:'certification.php',
        data:formdata
    });
    $(this).find('input:text').val('');
    $(this).find('input:file').val('');
    $(this).find('input[type="date"]').val(''); 
}); 
http://jsfiddle.net/bz3s6/