Пользуйтесь существующей библиотекой санитизации ввода данных пользователем для очистки весь ввод данных пользователем. Если Вы не поместите , партия из усилия в него, реализовывая его сами никогда не будет работать также.
Если я вас правильно понял, почему бы не сделать это:
Используйте подключаемый модуль проверки jQuery, чтобы убедиться, что вводимые пользователем данные верны, а затем сделать ссылку для перехода к следующей части формы видимой.
Например, создайте тег диапазона следующим образом:
<span class="formLink"></span>
Затем, когда подключаемый модуль проверки jQuery проверяет, что пользовательский ввод в порядке, сделайте что-то вроде этого:
$(".formLink").html('<a id="step0Next" class="next" href="#">Next</a>');
Если подключаемый модуль проверки обнаруживает ошибку при вводе пользователя, вы можете вывести ошибку в том же теге следующим образом:
$(".formLink").text("ERROR: You have not supplied the correct information.");
Я не думаю, что это тривиальное решение, но я сделал нечто подобное в своем текущем проекте.
1) Привяжите событие к каждой следующей ссылке. В событии вы собираетесь проверять каждый ввод в полевом наборе вручную, используя метод element плагина jquery validation.
2) В событии получите текущий набор полей. Возможно, ваш плагин может отслеживать это для вас, но я с этим не знаком.
3) Найдите в полевом наборе все его входы и проверьте их по отдельности.
4) Если какой-либо из вводимых данных в наборе полей недействителен, не переходите на следующую страницу.
Следующий фрагмент кода вручную проверяет не скрытые входы в наборе полей при нажатии на следующую ссылку. Здесь не показано, как получить набор полей и валидатор или как остановить переход к следующему набору полей, если форма недействительна. Ваш плагин формы может помочь с этим. Что вы должны понять из этого примера, так это то, что вы можете вручную проверить все вводимые данные в наборе полей с помощью плагина jquery validation.
$('.next').bind('click', function() {
var inputs = myFieldset.find(':input:not(:hidden)');
for (var i = 0; i < inputs.length; i++) {
myValidator.element($(inputs[i]));
}
});