ios验证码直接在键盘上_在屏幕键盘上添加了HTML5验证

ios验证码直接在键盘上

前一段时间，我上传了一个演示（ jQuery屏幕键盘的增强功能）。 由于我已经添加了对HTML5表单验证的支持。 在写功能中，它基本上检查输入HTML5验证规则以确定输出写。 这是要点：

请参阅键盘演示 请参阅键盘演示

write: function(m) {

var $el = jsKeyboard.currentElement,
val = $el.val(),
charStr = String.fromCharCode(m),
pos = jsKeyboard.currentElementCursorPosition,
output = [val.slice(0, pos), charStr, val.slice(pos)].join(''),
doWrite = true;

//max length - html5: maxlength="x"
if ($el.attr('maxlength'))
{
doWrite = (output.length <= $el.attr('maxlength'));
}

//allow numbers only - html5: number attribute
if (doWrite && $el.hasAttr('datatype'))
{
if ($el.attr('number'))
{
doWrite = !isNaN(charStr);
}
}

//more HTML5 validation rules here...

//if passed validation do it.
if (doWrite)
{
$el.val(output);
jsKeyboard.currentElementCursorPosition++; //+1 cursor
}
jsKeyboard.updateCursor();

}

翻译自: https://www.sitepoint.com/added-html5-validation-on-screen-keyboard/

ios验证码直接在键盘上