jQueryの必要なフィールドバリデーションが機能していません

私はaspxページで1つのテキストボックスだけが必須フィールドになります。私はそれを検証するためにJQueryを使用しています。jQueryの必要なフィールドバリデーションが機能していません

私の問題は、クライアント側の検証が機能していないことです。

私のページのheadセクションには

<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クラスLIN私のCSSファイルを持っているが含まれています

.requiredField 
{ 
}

この入力用のテキストボックスが

である私はあなたのプログラマからの提案や解決策、私が今までお返事を待って、この便利なサイトから、発見した最も有用が必要です。あなたのテキストボックスを含むフォーム上のvalidate（）を呼び出す必要があります、コードが機能するために、事前

出典

2011-09-16 Pankouri

でありがとう。例えば

：Form1の "静的" は、それが上に同じIDを持つようになります=のClientIDModeの設定

[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" 
     } 
    }); 
}

クライアント側であり、jQueryから簡単に参照できます。

あなたが検証を提出するtxtFNameテキストボックスに入力したキーを押すと、フォーム上で実行されます。

出典

2011-09-16 07:38:31

jQueryの必要なフィールドバリデーションが機能していません

答えて

関連する問題