Question

使用AJAX将表单值传递给PHP页面。传递完值后，我将清除表单中INPUT字段的值。它工作正常，但当我清除输入：日期值页面得到刷新！

$('#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;

});

Answer 1

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/

页面在日期重置时刷新

1 个答案: