解决 NeatUpload 结合 js 验证表单失效

最新推荐文章于 2011-12-28 15:03:53 发布

原创最新推荐文章于 2011-12-28 15:03:53 发布 · 832 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

本文介绍如何解决NeatUpload组件导致的表单验证失效问题，通过添加额外的客户端脚本来区分不同按钮的点击行为，并实现了有效的表单验证。

page:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Apply_test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register Assembly="Brettle.Web.NeatUpload" Namespace="Brettle.Web.NeatUpload" TagPrefix="Upload" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>NeatUpload test</title>
<script type="text/javascript">
function test()
{
if(document.getElementById("TextBox_Title").value.length==0)
{
alert("error");
return false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<Upload:InputFile ID="InputFile1" runat="server" />
<Upload:ProgressBar ID="ProgressBar1" runat="server" Triggers="UploadButton" Inline="true" >
</Upload:ProgressBar>
<asp:Button ID="UploadButton" runat="server" Text="上传附件" />
<br />
<asp:TextBox ID="TextBox_Title" runat="server"> </asp:TextBox> <br />
<br />
<asp:Button ID="Button_Add" runat="server" Text="添加" />
</div>
</form>
</body>
</html>

code:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Apply_test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.Button_Add.Attributes.Add("onclick","return test();");
}
}
}