.net 验证控件和javaScript的冲突问题。_javascript 验证冲突-优快云博客

本文链接：https://blog.youkuaiyun.com/kucool/article/details/2124024

本文探讨了如何在ASP.NET应用程序中协调JavaScript事件与.NET验证控件的工作方式，确保在客户端进行有效验证的同时还能实现定制化的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做东西的时候偶尔同时用到javascript的事件和.net的验证控件，具体细节如下：

<title>Untitled Page</title>

var IsDetailsModifed = true

function SubmitDetailModified()

{

var retvalue;

if (IsDetailsModifed == true)

{

retvalue = confirm("Do you want to save?);

}

else

{

alert("No need to save because of no field modified.");

retvalue = false

}

return retvalue;

}

</script>

</head>

<body>

<div>

<asp:TextBox ID="txtTest" runat="server" Width="80px"></asp:TextBox>

<asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" ControlToValidate="txtTest"

ErrorMessage="Test must be Numeric" ValidationExpression="^[0-9]{1,28}.?[0-9]{0,4}$">*</asp:RegularExpressionValidator>

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return SubmitDetailModified()" />

<asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="true" ShowSummary="false" />

</div>

</form>

</body>

上面的意图是，在点击按钮的时候弹出一个确认框，如果选择是则继续回传，否则阻止回传。在回传过程中如果某个字段的验证不通过，ValidationSummary 应该弹出消息框来阻止该回传.
但是事与愿违，当我单击按钮的时候，如果选择‘否’，阻止回传，正常。
但当我选择‘是’的时候，有两种情况：
1. 所有字段的验证都通过，然后点击‘是’，页面继续回传，一切正常。
2. 当有字段的验证不通过的时候，点击‘是’，验证消息不会弹出来，而且页面会继续回传，导致操作数据不正确。
为什么验证消息框会弹不出来呢？
后来，了解到.net验证控件的机制就是通过javascript来返回true或false来控制页面是否回传的。在上面的代码中，如果选择‘是’，直接在按钮的点击事件中返回true,页面当然要回传了。后来发现验证控件是通过给event.returnValue=true/false来实现阻止与否的。于是我改写了我的代码如下：