文本验证
Text Validation
我知道这是不正确的,但我想知道如何实现一种类型的验证,这样当输入正确时,背景会变为绿色,如果输入不正确,则会变为红色,让我们使用电子邮件示例。http://jsfiddle.net/dm6Hm/20/
<input type="email" class="Email" value="Email"/>
(".Email").change(function(e) {
var $test = $(this).css("background-color", "");
if ($test.val() == "email@email.com") {
setTimeout(function() {
$test.css("background-color", "green").focus();
}, 0);
}
});
function isEmail(email){
var reg = /^('w)+('.'w+)*@('w)+(('.'w+)+)$/;
return reg.test(email);
}
$(".Email").keyup(function(e) {
var $test = $(this).css("background-color", "");
if (isEmail($test.val())) {
setTimeout(function() {
$test.css("background-color", "green").focus();
}, 0);
}else{
setTimeout(function() {
$test.css("background-color", "red").focus();
}, 0);
}
});
for correct input-->
$('.Email').focus(function() {
$('.Email').css('border','1px solid green');
});
for incorrect input:
$('.Email').blur(function() {
$('.Email').css('border','1px solid red');
});
您需要更改您的事件
$(".Email").keyup(function(e) {
var $test = $(this).css("background-color", "");
if ($test.val() === "email@email.com") {
setTimeout(function() {
$test.css("background-color", "green").focus();
}, 0);
}else{
setTimeout(function() {
$test.css("background-color", "red").focus();
}, 0);
}
});
相关文章:
- 使用angularjs验证文本框中的电子邮件
- 验证文本区域
- 正在验证文本框内容
- 将动态验证文本添加到自定义jQuery验证规则中
- 如何使用javascript验证文本字符串
- 使用PHP验证文本文件中的单词
- 如何验证文本框,使我不能输入零作为第一个数字
- 如何在 jQuery 中验证文本框
- 我们如何在 Webform 中验证文本框输入
- 如何在 Jquery 中验证文本框
- 如果选中了相应的复选框,则验证文本框
- 验证文本区域输入的字母数字值
- 如何自动验证文本框值
- 使用 Javascript 在输入时验证文本区域
- 如何使用 Javascript 验证器验证文本框
- 使用正则表达式在 JavaScript/jQuery 中使用多个 if 语句验证文本
- JavaScript 验证文本输入框中的字母和数字的可变序列
- 简单验证拒绝验证文本区域
- 如何验证文本框值在一系列文本框中是否为空
- 使用 JavaScript 在 GridView 中查找和验证文本框和下拉列表