Проверка мобильной формы JQuery - PullRequest
Новая
       3

Проверка мобильной формы JQuery

0 голосов
/ 29 июля 2011

Я работаю с Jquery mobile, я использую validVal в качестве метода проверки.Я использовал следующий код с веб-сайта: http://validval.frebsite.nl/examples.php

на их веб-странице коды работают просто отлично, но когда я использовал его на mylocalHost, он не работает.Я могу видеть только результат HTML-кода.Я включил коды здесь.пожалуйста, если кто-то знает, что не так, что я должен делать, пожалуйста, дайте мне знать!

HTML-код: 

    <form id="form8" class="form-wrapper" action="#ex8" method="post">
    <div>
        <label for="name_8">Name</label>
        <input id="name_8" class="required placeholder" type="text" name="name_8" value="This field is required." size="24" /><span class="error">Please enter your name.</span></div>
    <div>
        <label for="email_8">E-mail</label>
        <input id="email_8" class="required email placeholder" type="text" name="email_8" value="This field is required." size="24" /><span class="error">Enter a valid e-mailaddress.</span></div>
    <div>
        <input type="submit" name="submit_8" value="Submit" />
    </div>
</form>

CSS: 

    input[type='text'], textarea, select {
    border: solid 1px #999;
}
input[type='text'].focus, textarea.focus, select.focus {
    border-color: #000 !important;
}
input[type='text'].invalid, textarea.invalid, select.invalid {
    border-color: red;
}
input[type='text'].inactive, textarea.inactive, select.inactive, option.inactive {
    color: #999;
    font-style: italic;
}
input[type='text'].required, textarea.required {
    background: url(required-input.png) right 5px no-repeat;
}
span.error {
    font-weight: bold;
    color: red;
    border: 1px solid red;
    padding: 4px 15px;
    margin: 0 0 0 15px;
    display: none;
}

javascript 

    $( "#form8" ).validVal({
    invalidFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeIn();
    },
    validFieldFunc : function( $field, $form, language ) {
        $field.next().stop().fadeOut();
    },
    invalidFormFunc : function( field_arr, $form, language ) {
        alert( field_arr[ 0 ].next().text() );
    }
});

1 Ответ

0 голосов
/ 24 января 2012

Полагаю, вы уже исправили это, но валидные примеры работают с простым HTML, тогда как JQuery mobile увеличит ваш HTML.

Ваш диапазон ошибок не будет $ field.next ().

...