2016-12-25 15 views
0
head runat="server"> 
    <title></title> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
    <script type="text/javascript"> 
     $document.ready(function(){ 
    $("#Form1").validate({ 
     rules:{ 
      txtFname:{ 
       required:true, 
       rangelength:[3,20], 
      } 
     }, 
     messages: { 
      txtFname: "First Name Is Required", 
     } 
    }) 
      })//ready function close 
     </script> 
</head> 
<body> 
    <form id="Form1" runat="server" clientidmode="static"> 
     <asp:TextBox ID="txtFname" CssClass="form-control" runat="server"></asp:TextBox> 
     <asp:Button CssClass="btn btn-primary" id="btnSubmit" runat="server" Text="Submit"/> 
    </form> 
</body> 

我想驗證模式中行1的窗體中的txtFname字段,但我無法......我似乎無法弄清楚爲什麼。有人可以幫忙嗎? 我使用的引導V3我無法驗證使用jQuery的ASP輸入以下文件

+0

頁面,那麼這個ID將被改變,你可以通過瀏覽器中的inspect元素來檢查 – Bharat

+0

我沒有使用母版頁 - 只是一個空白的Web表格 –

回答

1

似乎是一個語法問題(括號,一些額外的冒號和失蹤分號...等)

嘗試以下應該工作:如果您是使用主

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#Form1") 
      .validate({ 
       rules: { 
        txtFname: { 
         required: true, 
         rangelength: [3, 20] 
        } 
       }, 
       messages: { 
        txtFname: "First Name Is Required" 
       } 
      }); 
    })//ready function close 
    </script> 
+0

這工作!謝謝! –