Концепция группировки JQuery в asp.net - PullRequest
Новая
       8

Концепция группировки JQuery в asp.net

1 голос
/ 07 декабря 2011

Привет, у меня есть две таблицы в форме, необходимые для их индивидуальной проверки в jquery. Когда я нажимаю на submit1, он должен проверять только table1, когда я нажимаю на submit2, он должен проверять только таблицу 2.

сейчас он проверяет оба одновременно, мне нужны индивидуальные проверки таблиц 

<html>
<head>
    <script type="text/javascript">

        $(document).ready(function() {

            $("#form1").validate({

                rules: {

                    <%= txtUserName.UniqueID %>: {minlength: 5, required: true},    

                    <%= txtPassword.UniqueID %>: {minlength: 5, required: true},

                    <%= txtURL.UniqueID %>: {required: true},
                 }, 

                messages: {

                    <%= txtUserName.UniqueID %>: {

                        required: "Plaese enter your name",    

                        minlength: "User name must be atleaet of 5 characters"
                    },

                    <%= txtPassword.UniqueID %>: { 

                        required: "Plaese enter your password",     

                        minlength: "Password must be atleaet of 5 characters"    
                    },

                    <%= txtURL.UniqueID %>:{ required: "Plaese enter Website URL",},
                }

            });

        });    
    </script>
</head>    
<body>    
    <form id="form1" runat="server">

        <table width="50%" cellpadding="2" cellspacing="4" style="border: solid 1px navy; background-color: #d5d5d5;">

---username--
--password--
--url----
submit1
        </table>


 <table width="50%" cellpadding="2" cellspacing="4" style="border: solid 1px navy; background-color: #d5d5d5;">

---Firstname--
--Lastname--

-Address----
submit2

        </table>    
    </form>
</body>

1 Ответ

1 голос
/ 07 декабря 2011

Использование CSS classes as flags is a great way to emulate этой концепции в простой (X) разметке HTML. Особенно при использовании jQuery CSS-флаги являются отличным способом пометить элементы с произвольными атрибутами, которые позже легко найти с помощью простых селекторов DOM.

Наборы полей с классом validationGroup, мы получаем следующую разметку: 

<fieldset class="validationGroup">
  <legend>Returning customer?  Login here</legend>

  <!-- Username and Password labels and inputs here -->
</fieldset>

Выполните следующие действия для полной реализации: Эмулируйте группы проверки ASP.NET с проверкой jQuery

Справочные ссылки:
Проверка jQuery: укажите, что требуется хотя бы один элемент в группе

jQuery Validate - требуется заполнить хотя бы одно поле в группе

...