JQuery Подтвердить в форме, представленной JavaScript - PullRequest
Новая
       18

JQuery Подтвердить в форме, представленной JavaScript

3 голосов
/ 05 мая 2010

Моя форма отправлена ​​по ссылке с использованием JavaScript, но я также пытаюсь проверить правильность проверки с помощью jing. Проверка не работает при отправке по ссылке, но работает, если я изменю ссылку на кнопку отправки. Что я делаю не так?

Моя форма: 

<form id="findmatch" method="post" action="search">
    <div>
        <label class="formlabel">Match Type
            <input type="text" name="matchtype" id="matchtype" class="forminput" />
        </label>

        <label class="formlabel">Location (postcode)
            <input type="text" name="location" id="location" class="forminput" />
        </label>

        <label class="formlabel">Radius (miles)
            <input type="text" name="Radius" id="Radius" class="forminput" />
        </label>

        <label class="formlabel">Keywords
            <input type="text" onblur="javascript:usePointFromPostcode(document.getElementById('location').value, showCompleteLatLng)" onchange="javascript:usePointFromPostcode(document.getElementById('location').value, showCompleteLatLng)" name="keywords" id="keywords" class="forminput" />
        </label>

        <input id="lat" class="hidden" name="lat" type="text" value="" />
        <input id="lon" class="hidden" name="lon" type="text" value="" />

        <a href="javascript:document.getElementById('findmatch').submit();" onmouseover="javascript:usePointFromPostcode(document.getElementById('location').value, showCompleteLatLng)" class="submit">Search</a>                        
    </div>
</form>

И мой JQuery 

<script type="text/javascript">
    $(document).ready(function () {
        $("#findmatch").validate({
            rules: {
                location: "required",
                Radius: {
                    required: true,
                    digits: true
                },
                keywords: "required"
            },
            messages: {
                location: "Please enter your postcode",
                Radius: {
                    required: "Please enter a radius",
                    digits: "Please only enter numbers"
                },
                keywords: "Please enter the keywords you wish to search for"
            }
        });
    });
</script>

1 Ответ

1 голос
/ 05 мая 2010

ДЕМО: http://jsbin.com/urole/3

$(function () { 
  $('#submit').click(function(e) {
  e.preventDefault();
    $("#commentForm").submit(); 
  }); 
    $("#commentForm").validate();
});

отправить

...