我的jQuery所需的字段驗證不起作用

我有aspx頁面，其中只有一個文本框是必填字段。我正在使用JQuery來驗證它。我的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文件中像

.requiredField 
{ 
}

文本框，在此輸入是

我需要你的程序員，最有幫助的，我曾經發現，從這個有用的網站，等待你的答覆建議或解決方案。提前Thanx

來源

2011-09-16 Pankouri

要使用代碼，您需要在包含文本框的表單上調用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" 
     } 
    }); 
}

設置的ClientIDMode = form1上的「靜態」將使其上具有相同的ID客戶端，所以它可以很容易地從jQuery中引用。

如果按txtFName文本框中輸入提交審定會的形式進行：

來源

2011-09-16 07:38:31

我的jQuery所需的字段驗證不起作用

回答

相關問題