以html格式显示必填字段警告

Question

我想要显示的必填字段警告如图片所示，同时触发submit button.Now it displayed message.Is它可以这样做吗？

​

C#

<p class="field-wrapper required-field"> <label>Company Name</label><asp:TextBox ID="c_name" runat="server"></asp:TextBox>
<asp:RequiredFieldValidator controltovalidate="c_name" ID="RequiredFieldValidator1" runat="server" ErrorMessage="invalid"></asp:RequiredFieldValidator></p>

Answer 1

是的，最简单的方法应该是Ajax Toolkit中的ValidatorCalloutExtender。

<asp:RequiredFieldValidator ID="rqTextBox1" runat="server" ErrorMessage="Enter Data" ControlToValidate="TextBox1" Display="None"></asp:RequiredFieldValidator>
<ajax:ValidatorCalloutExtender ID="rqValidatorCalloutExtender" runat="server" Enabled="True" TargetControlID="rqTextBox1" >                </ajax:ValidatorCalloutExtender>

此处的工作示例：http://www.ajaxcontroltoolkit.com/ValidatorCallout/ValidatorCallout.aspx

Answer 2

使用html输入标签：

<input id="c_name" type="text" name="c_name" placeholder="Company Name" autofocus="autofocus" required="required" />