Простой код на jQuery:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<script type="text/javascript">
var jqs = jQuery.noConflict();
(function(jqs) {
jqs(document).ready(function () {
jqs('[name=PAYMENT_NO]').addClass('incorrect-input')
.bind('keypress', function(eo) { return checkId(eo); })
.bind('keyup', function() { checkIdFormat(); })
.bind('change', function() { checkIdFormat(); });
jqs('[type=submit]').addClass('inactive-button').attr('disabled', 'disabled');
});
})(jQuery);
</script>
Вот подключаемый скрипт:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
function checkId(eo) {
if (eo.which == null) { // IE
if (eo.keyCode === 46 || (eo.keyCode > 47 && eo.keyCode < 58))
return checkFirstSymbol(eo.keyCode);
return false;
}
if ((eo.which === 0 && eo.charCode === 0 && eo.keyCode != null)
|| (eo.which === eo.keyCode && eo.charCode === 0)) {
return checkFirstSymbol(eo.charCode);
}
if (eo.which !== 0 && eo.charCode !== 0) { // others
if (eo.charCode === 46 || (eo.charCode > 47 && eo.charCode < 58))
return checkFirstSymbol(eo.charCode);
return false;
}
return false;
}
function checkFirstSymbol(code) {
if (code === 48 && $('[name=LMI_PAYMENT_NO]').val().length === 0)
return false;
return true;
}
function checkIdFormat() {
var codeInput = $('[name=PAYMENT_NO]');
var curVal = codeInput.val();
var maxLength = (curVal[0] === '9') ? 12 : 14;
codeInput.attr('maxlength', maxLength);
if (curVal[0] === '0' || curVal.length < 12 || curVal.length === 13) {
codeInput.addClass('incorrect-input');
$('[type=submit]').removeClass('active-button').addClass('inactive-button').attr('disabled', 'dissabled');
}
else {
codeInput.removeClass('incorrect-input');
$('[type=submit]').removeClass('inactive-button').addClass('active-button').removeAttr('disabled');
}
}
Казалось бы, всё тривиально, но... почему-то при подключении обработчиков событий теряется CSS-класс, и сами обработчики не подключаются. Голову уже сломал - не знаю, что за фигня? В чём может быть дело?
Да, кроме jQuery ещё подключён какой-то файл x5engine.js
