与ASP.NET服务器端控件结合使用验证HTML输入

Question

<input id="TextBox1" name="nam"    type="text" tabindex="1" /> 
    <asp:TextBox ID="datepickereffective"  runat="server" />
        <asp:RequiredFieldValidator ID="RequiredFieldValidatorForDateEffective" 
          runat="server"  ControlToValidate="datepickereffective"  
                    ErrorMessage="Required"></asp:RequiredFieldValidator>
       <asp:Button ID="Button1" runat="server" Text="Submit"  OnClick="btnsubmit_onclick"/>

我想检查上面的HTML输入中的空值。

已经尝试了：

Javascript onblur:dovalidation()
<script>
    do validation 
</script>

essue ：我想在不使用RUNAT=SERVER的情况下验证输入文本，因为我使用的是jQuery autocomplete，并且由于某种原因，如果我使用runat =" server"，则不会选择数据。另外，我的提交按钮是服务器端事件，因为我正在从文本框中保存数据。我什至无法为我的按钮单击写一个JavaScript功能。

我想要的：是否有任何属性迫使用户确定单击HTML输入，以便我可以在客户端端处理验证。因为使用Onblur的JavaScript逻辑只有在我单击并不分开任何内容时起作用。任何指针？

Answer 1

您可以在这种情况下使用CustomValidator。这是示例代码：

<input id="Text1" type="text" />
<asp:CustomValidator ID="CustomValidator1" runat="server" 
ErrorMessage="Cannot be empty" ValidationGroup="Html" ClientValidationFunction="dohtmlvalidation" Display="Dynamic"></asp:CustomValidator>
<asp:Button ID="Button3" runat="server" Text="Button" ValidationGroup="Html"/>
//JS function
function dohtmlvalidation(sender, args) {
            if ($("#Text1").val() == "") {
                args.IsValid = false;
            }
        }

演示：检查底部的HTML输入验证部分（忽略其他测试控件）