Мое обязательное поле проверки JQuery не работает - PullRequest
Новая
       15

Мое обязательное поле проверки JQuery не работает

0 голосов
/ 16 сентября 2011

У меня есть страница 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 и мой CSS-файл вроде 

.requiredField
{
}

Текстовое поле, где для этого ввода

Мне нужно предложение или решение отВы, программисты, самые полезные, которых я когда-либо нашел, с этих полезных сайтов, ожидая вашего ответа.Спасибо заранее

1 Ответ

1 голос
/ 16 сентября 2011

Чтобы код работал, вам нужно вызвать 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 = "Static" в form1 сделает его идентичным идентификатором на стороне клиента, поэтому на него можно будет легко ссылаться из jQuery.

Если вы нажмете ввод в txtFName TextBox, чтобы отправить проверку будет выполнено в форме:

...