将焦点放在未定义 ID 的输入文本上
Set focus on input text where ID not defined
如果提示警告消息,我想每次都将焦点设置在文本框上。我应该如何处理多次使用 javascript 函数的地方。这是我的js代码
function validateLandline(landfield) {
var reg = /\d{5}([- ]*)\d{6}/;
if (reg.test(landfield.value) == false) {
jAlert('Kindly enter valid landline no', 'INFORMATION');
return false;
landfield.focus();
}
return true;
}
和文本框html
<input type="text" id="txtStoreSiteL1" onchange="validateLandline(this);" maxlength="20" />
根据评论,我在下面创建了一个小片段:
function validateEmail($email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return emailReg.test($email);
}
$('input').on('input focusout', function() {
$(this).removeClass('error');
if (!validateEmail($(this).val())) {
$(this).addClass('error').focus();
}
});
.error {
border: 2px solid #d00;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtStoreSiteL1" maxlength="20" />
<input type="text" id="txtStoreSiteL2" maxlength="20" />
如果提示警告消息,我想每次都将焦点设置在文本框上。我应该如何处理多次使用 javascript 函数的地方。这是我的js代码
function validateLandline(landfield) {
var reg = /\d{5}([- ]*)\d{6}/;
if (reg.test(landfield.value) == false) {
jAlert('Kindly enter valid landline no', 'INFORMATION');
return false;
landfield.focus();
}
return true;
}
和文本框html
<input type="text" id="txtStoreSiteL1" onchange="validateLandline(this);" maxlength="20" />
根据评论,我在下面创建了一个小片段:
function validateEmail($email) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return emailReg.test($email);
}
$('input').on('input focusout', function() {
$(this).removeClass('error');
if (!validateEmail($(this).val())) {
$(this).addClass('error').focus();
}
});
.error {
border: 2px solid #d00;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="txtStoreSiteL1" maxlength="20" />
<input type="text" id="txtStoreSiteL2" maxlength="20" />