使用javascript在单击按钮时验证文本框中的内容

使用javascript在单击按钮时验证文本框中的内容,javascript,validation,Javascript,Validation,我有一个文本框和一个提交按钮 我想使用javascript而不是asp.net中的RequiredFeildValidator之类的验证器控件来验证文本框是否为空。i、 我想做客户端验证 请指导我如何使用javascript,任何教程都会有很大帮助 这是我的asp控件 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" on

我有一个文本框和一个提交按钮

我想使用javascript而不是asp.net中的RequiredFeildValidator之类的验证器控件来验证文本框是否为空。i、 我想做客户端验证

请指导我如何使用javascript,任何教程都会有很大帮助

这是我的asp控件

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />

您可以让onClick运行javascript函数来检查文本框中值的长度。一个关于如何设置onclick的链接,如果您有任何问题

另外,请记住,最好在
标记中包含脚本

<script type="text/javascript" charset="utf-8">
    function validateBox1(){
        var text = document.getElementById('TextBox1');
        if(text.value.length == 0){
            //handle validation response here
        } else {
            //submit form, or whatever the button is supposed to do...
        }
    }
</script>

函数validateBox1(){
var text=document.getElementById('TextBox1');
如果(text.value.length==0){
//在这里处理验证响应
}否则{
//提交表单,或者按钮应该执行的任何操作。。。
}
}

我建议使用jQuery、mooTools、Dojo、yui等众多出色的JS库中的一个,提供一个更健壮的解决方案

既然jQuery似乎是最受欢迎的JS LIB新手,为什么不从这里开始:


谢谢。我是javascript新手。你能告诉我在哪里添加这个函数吗?@Ishan如果你在html/asp中添加一个脚本标记(最好是在
标记中),就可以了。我会修改我的答案。再次谢谢你。你能告诉我如何提交从page1.aspx到page2.aspx的页面吗。就像我们做Response.Redirect(“page2.aspx”);如果我在按钮上执行此操作,单击它将转到page2.aspx,而不检查validation@Ishan这取决于您如何设置页面,如果您使用的是MVC架构。。。但是,如果包含这些输入的
设置正确,则可以在该函数的
else
子句中执行
文档(formID).submit()。没有任何关于应用程序架构的信息,这是我能给你的最好的。。。至于“onclick”,如果您将“onclick”更改为这个javascript函数,应该没问题,因为它设置为按钮,而不是提交类型……如果需要的不仅仅是简单的单页验证,我肯定支持这个解决方案。即使只有一个页面有许多验证规则,如果您不介意技术性更强一点的话,jQuery方法也绝对是一个不错的选择。我尽量让Ihsan的工作简单,因为他的js经验似乎有限,但建议是+1。)