Отключите клавишу ввода в форме на основе jquery - PullRequest
Новая
       4

Отключите клавишу ввода в форме на основе jquery

1 голос
/ 01 декабря 2010

У меня есть форма, использующая плагин jQuery для обработки данных.В примере, с которым я работаю, данные помещаются в другой php-файл, который просматривает базу данных и возвращает результат, который отображается ниже от.

Код работает очень хорошо с одним затруднением.Если вы нажмете кнопку ввода, когда текстовое поле выделено, все будет очищено, включая результат, который был записан на экран.Можно ли отключить ввод ключа и запретить это делать?

ФОРМА: 

<html>
<head>
</head>
<p>enter code here
<form name="form" action="" method="">
  <label for="name" id="name_label">Name</label> 
  <input type="text" name="name" id="name"/>
  <input type="button" value="get" onclick="get();"/>
</form>

<div id="age"></div>
</p>
</body>
</html>

СКРИПТ: 

function get() {
    $.post('data.php', {name: form.name.value},
        function(output) {
            $('#age').hide().html(output).fadeIn(1000);
        });
    }
}

Приветствия.

Ответы [ 3 ]

2 голосов
/ 01 декабря 2010

Вам следует рассмотреть возможность использования jQuery Forms Plugin .Это избавит вас от некоторой грязной работы, кроме того, оно перехватит все способы отправки формы - поэтому вместо того, чтобы отключить клавишу RETURN, она отправит вашу форму через AJAX.

Если вы неЧтобы этого добиться, избавьтесь от кнопки с событием onclick, замените ее кнопкой отправки и зарегистрируйте свою функцию в качестве отправителя: 

$('form[name=form]').submit(function(e) {
    e.preventDefault();
    $.post('data.php', {name: form.name.value},
        function(output) {
            $('#age').hide().html(output).fadeIn(1000);
        });
    }
});
1 голос
/ 01 декабря 2010 
$(document).ready(function(){   
    $('form').submit(function(){
        return false;
    });
});

Это предотвратит отправку формы, однако форма не будет работать вообще для пользователей с отключенным JavaScript.

0 голосов
/ 01 декабря 2010

А нашел некоторые моменты и решил проблему.

Я просто вставил это перед моим кодом Jquery, чтобы отключить кнопку ввода.

$ (function () { $ ('input'). нажатие клавиши (function (e) { var code = null; code = (e.keyCode? e.keyCode: e.which); возврат (код == 13)? ложь Правда; }); });

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...