Форумы портала PHP.SU :: Версия для печати

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: jquery.validate косячит

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » jquery.validate косячит

Страниц (1): [1]

1. DlTA - 20 Ноября, 2020 - 13:17:14 - перейти к сообщению

добрый
код:

CODE (html):
скопировать код в буфер обмена

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/jquery.validate.min.js"></script>
 
<input type="text" name="q" form="f" required>
<form id="f">
        <input type="text" name="w" required>
        <button type="submit">send</button>
</form>
<script type="text/javascript">
        $('form').validate({
                
        });
</script>

поле в форме проверяется, НО поле подключенное по идентификатору формы не проверяется '<input type="text" name="q" form="f" required>'

как это исправить??

2. DlTA - 20 Ноября, 2020 - 17:13:00 - перейти к сообщению

Отвечаю на свой вопрос, печалька, нужно допиливать скрипт

в файле jquery.validate.js (не jquery.validate.min.js!!)
нужно поправить

Спойлер (Отобразить)

CODE (javascript):
скопировать код в буфер обмена

 
//...
elements: function() {
                        var validator = this,
                                rulesCache = {};
 
                        return $( this.currentForm )
                                .find( "input, select, textarea, [contenteditable]" )
                                .not( ":submit, :reset, :image, :disabled" )
                                .not( this.settings.ignore )
                                .filter( function() {
                                        var name = this.name || $( this ).attr( "name" ); // For contenteditable
                                        if ( !name && validator.settings.debug && window.console ) {
                                                console.error( "%o has no name assigned", this );
                                        }
 
                                        // Set form expando on contenteditable
                                        if ( this.hasAttribute( "contenteditable" ) ) {
                                                this.form = $( this ).closest( "form" )[ 0 ];
                                        }
 
                                        // Select only the first element for each name, and only those with rules specified
                                        if ( name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {
                                                return false;
                                        }
 
                                        rulesCache[ name ] = true;
                                        return true;
                                } );
//...
 

нужно добавить выборку и по идентификатору

Спойлер (Отобразить)

CODE (javascript):
скопировать код в буфер обмена

 
//..
                        // Я не спец, сильно не ругайте))
 
                        var id =  $( this.currentForm ).attr('id');
                        if (id!==undefined){
                                return $( this.currentForm )
                                .find( "input, select, textarea, [contenteditable]" ).add('[form='+id+']')
                                .not( ":submit, :reset, :image, :disabled" )
                                .not( this.settings.ignore )
                                .filter( function() {
                                        var name = this.name || $( this ).attr( "name" ); // For contenteditable
                                        if ( !name && validator.settings.debug && window.console ) {
                                                console.error( "%o has no name assigned", this );
                                        }
 
                                        // Set form expando on contenteditable
                                        if ( this.hasAttribute( "contenteditable" ) ) {
                                                this.form = $( this ).closest( "form" )[ 0 ];
                                        }
 
                                        // Select only the first element for each name, and only those with rules specified
                                        if ( name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {
                                                return false;
                                        }
 
                                        rulesCache[ name ] = true;
                                        return true;
                                } );
                        }
 
//..
 

вот такую штучку дописать ....add('[form='+id+']')

)

3. Vladimir Kheifets - 21 Ноября, 2020 - 06:29:39 - перейти к сообщению

DlTA пишет:

Отвечаю на свой вопрос, печалька, нужно допиливать скрипт...

Добрый день!
Может быть проще было бы написать валидатор на чистом JS?

Цитата:

...
сейчас я подошел к определенной точке и чувствую себя виновным, вспоминая все случаи, когда я вызывал легендарную функцию $() (как и множество других разработчиков, с кем я разговаривал). Я и раньше постоянно старался использовать чистый JS везде, где это будет безопасно для всех браузеров. И сейчас я чувствую, что пора лично от себя и от всего сообщества front-end разработчиков сказать прощай нашему старому другу.
...
если вы собираетесь работать над проектом, в котором можно поэкспериментировать и которому не нужна поддержка устарелых браузеров, я вам настоятельно рекомендую сделать шаг вперед и сказать прощай JQuery уже сегодня. Вы создадите намного более легкое, быстрое приложение, а также узнаете много нового.
Автор: Patrick Kunka

https://scorcher[dot]ru/mirovozzreni[dot][dot][dot]_byez_jquery.php

4. DlTA - 23 Ноября, 2020 - 15:40:32 - перейти к сообщению

Vladimir Kheifets пишет:

Добрый день!
Может быть проще было бы написать валидатор на чистом JS?

не подходит, в этом проекте я делю только часть, а переделывать все очень лень.

5. DlTA - 23 Ноября, 2020 - 15:46:07 - перейти к сообщению

по теме, там еще косяк:

6. DlTA - 24 Ноября, 2020 - 12:38:11 - перейти к сообщению

продолжение: нужно дописать

Спойлер (Отобразить)

заменить на:

Спойлер (Отобразить)

и все, эта ... работает))