用于文件上载的Java脚本验证 [英] Java Script Validation for file uploading

问题描述

大家好，

我在产品添加表单中遇到了java脚本验证。在该页面我有文件上传控件来上传产品图片。我没有得到如何使用java验证如果图像没有上传到该控件我想在Label中显示上传图片消息。如何完成此操作？请帮帮我。

我写的脚本是

  var  fileup = document.getElementById（' <％= FileUploadImg.ClientID％>'）。 value ; 
  if （fileup ==  ）{
 document.getElementById（  lblFileUploadImg）。innerHTML =  < font color ='red'>上传图片文件< ; / font>; 
 document.getElementById（' <％= FileUploadImg.ClientID ％>'）。focus（）; 
 返回  false ; 
} 其他 {
 document.getElementById（  lblFileUploadImg）。innerHTML =  ; 
} 

我使用的控件是

< asp：FileUpload ID =FileUploadImgrunat =server Width =217pxHeight =20px/>

< asp：Label ID =lblFileUploadImgrunat =server>



请帮帮我。谢谢。

解决方案

您可以使用JavaScript获取验证文件上传像这样。

 <   script     type   =  text / javascript >  
  function  validate（ ）{
  var  uploadcontrol =  document  .getElementById（' <％= FileUploadImg.ClientID％>'）。value; 
 
  //  文件上载控件的正则表达式。 
  var  reg = /(.d OC | .DOCX | .PDF）

/ I;

if （uploadcontrol.length> 0 ）
{
// 检查控件值。
if （reg.test（uploadcontrol））
{
document .getElementById（' <％= lblFileUploadImg.ClientID％>'）。innerHTML = < font color = green > ;上传图片文件< / font>;
return true ;
}
其他
{
// < span class =code-comment>如果条件不满足则显示错误消息。
document .getElementById（' <％= lblFileUploadImg.ClientID％>'）。innerHTML = 上传图片时出错;
return false ;
}
}
} // 功能结束验证。
< / script >


< asp：fileupload id = FileUploadImg runat = server width = 217px height = 20px xmlns ：asp = ＃unknown / >
< asp：label id = lblFileUploadImg runat = server xmlns：asp = #unknown / >
< asp：button runat = server text = 上传 id = btnupload onclientclick = return validate（）; xmlns：asp = ＃unknown / >

您也可以尝试使用 JQuery 。

嗨...

javascript中针对特定文件类型的Fileupload控制验证。 [ ^ ]

谢谢你。

Hello every one,
I got stuck in java script validation in product adding form.In that page i have file upload control to upload product image.I am not getting how to validate that using java script.If image is not uploaded to that control i want to display "Upload Image" message in Label.How to accomplish this? Please help me.
The script i have written is
"

var fileup = document.getElementById('<%=FileUploadImg.ClientID %>').value;
        if (fileup == "") {
            document.getElementById("lblFileUploadImg").innerHTML = "<font color='red'>Upload Image File</font>";
             document.getElementById('<%=FileUploadImg.ClientID %>').focus();
            return false;
        } else {
            document.getElementById("lblFileUploadImg").innerHTML = "";
        }

"
The control i have used is
" <asp:FileUpload ID="FileUploadImg" runat="server" Width="217px" Height="20px" />
<asp:Label ID="lblFileUploadImg" runat="server" > "

Please help me.Thanks in advance.

解决方案

You can get validate file uploading using JavaScript like this.

<script type="text/javascript">
        function validate() {
            var uploadcontrol = document.getElementById('<%=FileUploadImg.ClientID%>').value;

            //Regular Expression for fileupload control.
            var reg = /(.doc|.docx|.pdf)

/i; if (uploadcontrol.length > 0) { //Checks with the control value. if (reg.test(uploadcontrol)) { document.getElementById('<%=lblFileUploadImg.ClientID%>').innerHTML = "<font color="green">Upload Image File</font>"; return true; } else { //If the condition not satisfied shows error message. document.getElementById('<%=lblFileUploadImg.ClientID%>').innerHTML = "Error while upload image"; return false; } } } //End of function validate. </script> <asp:fileupload id="FileUploadImg" runat="server" width="217px" height="20px" xmlns:asp="#unknown" /> <asp:label id="lblFileUploadImg" runat="server" xmlns:asp="#unknown" /> <asp:button runat="server" text="Upload" id="btnupload" onclientclick="return validate();" xmlns:asp="#unknown" />

U can try with JQuery as well.

Hi...
Fileupload control validation in javascript for particular file types.[^]
Thank u.

这篇关于用于文件上载的Java脚本验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！