Question

我有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 CLass lin我的CSS文件就像

.requiredField
{
}

此输入所在的文本框

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

Answer 1

要使代码生效，您需要在包含文本框的表单上调用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 TextBox中按Enter键将在表单上执行验证：

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

1 个答案: