Question

我有一个表单，我用来上传照片和消息，我想用JQuery验证它，但它没有显示成功或错误消息，我想知道这是否与我的方式有关显示输入字段。这是我的代码：

<form>
    <textarea id="formnote" rows="3"></textarea>
    <div id="chars"></div>
    <div class="formUploadLink">
        <a href="#" onclick="$('input[id=formmedia]').click();">
            <div class="sidebarSectionLink">Click here to add files</div>
        </a>
    </div>
    <div>
        <input type="hidden" id="formtype" value="photo" />
        <input type="file" id="formmedia" style="display: none;">
        <input type="hidden" id="formposter" value="<?php echo $yourid; ?>" />
    </div>
</form>

//Post Photo
$('#formmedia').blur(function()
{
    var pic=$("#formmedia").val();
    if(pic.length < 1)
    {
        $('.sidebarSectionLink').html("Please Add A Photo")
                                .removeClass("success")
                                .addClass("error");
        picok = 2;
    }
    else if(pic.indexOf('jpg') === -1 && pic.indexOf('jpeg') === -1 && pic.indexOf('png') === -1 && pic.indexOf('gif') === -1)
    {
        $('.sidebarSectionLink').html("Invalid File Format")
                                .removeClass("success")
                                .addClass("error");
        picok = 2;
    }
    else
    {
        picok = 1;
    }
});

我基本上只想验证输入并显示它是否在.sidebarSectionLink div中被接受。此外，当它运行发送按钮并具有以下代码时：

// Submit button action
$('#postThis').click(function()
{
    var type=$("#formtype").val();
    var note=$("#formnote").val();
    var media=$("#formmedia").val();
    var poster=$("#formposter").val();

    if(noteok == 1 && picok == 1)
    {           
        window.location.href = "php/add-media.php?type=type&note=note&media=media&poster=poster";
    }
});

这会将数据作为可以在php文件中排序的链接发送吗？我知道你不能使用JQuery帖子发布文件，所以我希望它能以这种方式工作。谢谢。

使用JQuery验证隐藏文件输入

0 个答案: