Question

我有一个文件上传按钮。我在上传按钮中写了一个jquery验证。如果我没有选择任何图像错误信息显示但是如果我点击错误信息它会做文件上传功能吗？

这是我的输入类型文件格式：

<input type="file" name="userfile1" id="userfile1" class="span5" ></input>

这是我的jquery验证：

$(this).rules("add", {
        required: true,
        messages: {
            required: "Must Select Image To Upload"
        }
    });

添加是按钮名称。如果我点击＆＃34;必须选择要上传的图像＆＃34;此消息它执行文件上传功能。

如何删除此链接。

请给出解决方案......

Answer 1

我想你问一下，当用户点击文件上传元素时，隐藏错误信息。

<强> HTML

<input type="file" name="userfile1" id="userfile1" class="span5" ></input>
<div id="errorDiv">Must Select Image To Upload</div>

<强> JS

$("#userfile1").focus(function () {    
        $('#errorDiv').fadeOut(2000);    //replace '#errorDiv' to your error message id.
});

的 SEE THIS FIDDLE DEMO

更新：在#add按钮click()功能中检查元素值是否为空。如果值为空，则显示#errorDiv。将隐藏错误div函数写在focus元素的input上。

<强> HTML

<input type="file" name="userfile1" id="userfile1" class="span5"></input> <div id="errorDiv">Must Select Image To Upload</div> <input type="button" id="add" value="ADD" />

<强> JS

$('#errorDiv').hide(); $('#add').click(function () { if ($("#userfile1").val() === '') $('#errorDiv').fadeIn(1000); }); $("#userfile1").focus(function () { $('#errorDiv').fadeOut(1000); });

的 SEE THIS FIDDLE DEMO

Answer 2

  <div id="errorDiv"></div>
  <input type="file" name="userfile1" id="userfile1" class="span5" ></input>

   $('.span5').each(function() {

   if($.trim($(this).val()).length == 0)
   {
     $("#errorDiv").html("Must Select Image To Upload ");
   }
});

如何删除链接？

2 个答案: