我的 jQuery 必填字段验证不起作用

发布于 2024-12-04 18:21:14 字数 1032 浏览 1 评论 0原文

我有一个 aspx 页面，其中只有一个文本框是必填字段。我正在使用 JQuery 来验证它。

我的问题是客户端验证不起作用。

我的页面的标题部分是

<script src="../JavaScript/jquery-1.6.1.min.js" type="text/javascript"></script>

<script src="../JavaScript/jquery.validate.js" type="text/javascript"></script>

<script src="../JavaScript/CandidateValidation.js" type="text/javascript"></script>

<script type="text/javascript">   
    $(document).ready(function(){
        checkRequiredInputs();

    }); 

</script>

CandidateValidation.js 文件包含

    function checkRequiredInputs(){
       $(".requiredField").validate({  
          rules:{  
                txtFName:{required: true}
           },
        messages:{  
             txtFName:"Name Required"
           }
      });
}

我的 CSS 文件中有一个 CSS CLass，例如

.requiredField
{
}

该输入的文本框

我需要你们程序员的建议或解决方案，这是我在这个有用的网站上找到的最有帮助的建议或解决方案，等待您的回复。提前感谢

原文

I have aspx page where only one text box will be a required field. I am using JQuery to validate it.

My problem is the client side validation is not working.

The head section of my page is

<script src="../JavaScript/jquery-1.6.1.min.js" type="text/javascript"></script>

<script src="../JavaScript/jquery.validate.js" type="text/javascript"></script>

<script src="../JavaScript/CandidateValidation.js" type="text/javascript"></script>

<script type="text/javascript">   
    $(document).ready(function(){
        checkRequiredInputs();

    }); 

</script>

The CandidateValidation.js file contains

    function checkRequiredInputs(){
       $(".requiredField").validate({  
          rules:{  
                txtFName:{required: true}
           },
        messages:{  
             txtFName:"Name Required"
           }
      });
}

I have a CSS CLass lin my CSS File like

.requiredField
{
}

The Text box where for this input is

I need a suggestion or solution from you programmers,the most helpful I have ever found, from this helpful sites, waiting for your reply. Thanx in advance

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

远昼 2024-12-11 18:21:14

为了使代码正常工作，您需要在包含文本框的表单上调用 validate() 。

例如：

[WebForm1.aspx]

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Validation.WebForm1" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <link href="../Css/StyleSheet1.css" type="text/css" rel="Stylesheet" />
  <script src="../JavaScript/jquery-1.6.1.min.js" type="text/javascript"></script>
  <script src="../JavaScript/jquery.validate.js" type="text/javascript"></script>
  <script src="../JavaScript/CandidateValidation.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function(){
        checkRequiredInputs();
    }); 
  </script>
  <title></title>
</head>
<body>
    <form id="form1" runat="server" clientidmode="Static" >
      <asp:TextBox runat="server" ID="txtFName" />
    </form>
</body>
</html>

[CandidateValidation.js]

function checkRequiredInputs(){
    $("#form1").validate({
        rules:{  
            txtFName:{required: true}
        },
        messages:{  
            txtFName:"Name Required"
        }
    });
}

在 form1 上设置 clientidmode="Static" 将使其在客户端具有相同的 ID，以便可以轻松地从 jQuery 引用它。

如果您在 txtFName 文本框中按 Enter 键提交验证，则会在表单上执行验证：

For the code to work you will need to call validate() on the form containing your textbox.

For example:

[WebForm1.aspx]

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Validation.WebForm1" %>

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <link href="../Css/StyleSheet1.css" type="text/css" rel="Stylesheet" />
  <script src="../JavaScript/jquery-1.6.1.min.js" type="text/javascript"></script>
  <script src="../JavaScript/jquery.validate.js" type="text/javascript"></script>
  <script src="../JavaScript/CandidateValidation.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function(){
        checkRequiredInputs();
    }); 
  </script>
  <title></title>
</head>
<body>
    <form id="form1" runat="server" clientidmode="Static" >
      <asp:TextBox runat="server" ID="txtFName" />
    </form>
</body>
</html>

[CandidateValidation.js]

function checkRequiredInputs(){
    $("#form1").validate({
        rules:{  
            txtFName:{required: true}
        },
        messages:{  
            txtFName:"Name Required"
        }
    });
}

Setting clientidmode="Static" on form1 will make it have same ID on client side so it can be referenced easily from jQuery.

If you press enter in txtFName TextBox to submit validation will be performed on the form:

回复收藏 0 原文

~没有更多了~