Javascript 我想在输入数据时显示一条错误消息（在键盘上） 员工管理系统 功能检查表（pform1）{ var str=pform1.bloodGroup.value； var name=pform1.employeeName.value； var email=pform1.email.value； var phone=pform1.phoneNumber.value； var cleanstr=phone.replace（/[\（\）\.\-\]/g'，）； var err={}； var DOB=pform1.dateOfBirth.value； var validemail=/^[a-zA-Z0-9.-]+@[a-zA-Z0-9.-]+\[a-zA-Z]{2,4}$/； var收入=pform1.annualIncome.value； var Id=pform1.employeeId.value； var工资=收入。替换（/[\（\）\.\-\]/g，”）； 变量Eid=/^[a-zA-Z0-9]+$/； var validName=/^[a-zA-Z0-9]+$/； var validDOB=/^[0-9\/]+$/； //检查必填字段 //密码至少应为4个字符，但不得超过8个字符 如果（（（str.length3）））{ err.message=“无效血型”； err.field=pform1.bloodGroup； } //验证电子邮件 如果（（email！=“”）和&！（validemail.test（email）），则为else{ err.message=“无效电子邮件”； err.field=pform1.email； } //核对电话号码 else if（isNaN（（cleanstr））{ err.message=“无效电话号码”； err.field=pform1.phoneNumber； } 如果（isNaN（（薪水））{ err.message=“年度收入无效”； err.field=pform1.annualIncome； } else如果（（Eid==“”）| |！（Eid.test（Id）））{ err.message=“无效的员工Id”； err.field=pform1.employeeId； } else if（（name==“”）| |！（validName.test（name）））{ err.message=“无效的员工姓名”； err.field=pform1.employeeName； } 否则如果（（DOB==“”）| |！（有效性测试（DOB）））{ err.message=“无效的DOB”； err.field=pform1.dateOfBirth； } 如果（错误消息） { document.getElementById（'diveror'）。innerHTML=err.message； err.field.focus（）； 返回false； } 其他的 { var permission=确认（“您确定要提交详细信息吗”）； if（许可证） { 返回true； } 否则{ 返回false；} } } $（函数（）{ $（“#出生日期”）。日期选择器({ 展示：“按钮”， buttonImage:“Pictures/calendicon.jpg”， buttonImageOnly:正确， 按钮文字：“选择日期”， 变化月：对， 变化年：是的， 年份范围：“1900:2100”， 月数：[1,1]， 日期格式：“日/月/年”， maxDate:0， }); }); 函数名为ajax（）{ var regnum； var empID=$（'#empID'）.val（）； 如果（（typeof（empID））！='undefined'&&（empID）！=null&&（empID.trim（）！=“”） { regnum=$（'#empId'）.val（）； /*警报（regnum）*/ } 其他的 {$（'#result'）.html（'Employee Id invalid'）； $（'#result'）.css（'color'，'red'）； $（“#检查”）.prop（'disabled'，true）； 返回； } 变量数据='empId=' +编码元件（regnum）； $.ajax({ url:'entry.html'， 数据：数据， 成功：函数（数据）{ 如果（数据==“真”） { $（'#result'）.html（'员工Id已存在'）； $（'#result'）.css（'color'，'red'）； $（'empId'）.val（“”）； $（“#检查”）.prop（'disabled'，true）； } 其他的 { $（'#result'）.html（'Valid EmployeeId'）； $（'#result'）.css（'color'，'green'）； $（“#检查”）.prop（'disabled'，false）； } } }); } .颜色{ 背景色：#EBEBE4；边框：1px实心#ABADB3；填充：2px 1px； } img.ui-datepicker-trigger{ 宽度：15px； 高度：15px； } 味精{ 字体系列：Fontsome； 字体样式：12px； 背景色：#FEEFB3； 内容：'\f00c'； } 员工管理系统 员工ID* 员工ID 员工姓名* 多巴哥* 血型 年收入 资格 潘编号。 电话号码。 性 男性 女性 电子邮件 地址

这是我的JSP页面。我已经做过一次验证，这取决于提交按钮，也就是说，如果有任何验证失败，它会检查并抛出一条错误消息，但我希望它在运行中，也就是说，它会自动输入。所以请帮帮我

您必须创建一个函数来保存该事件

例如

---

更好的是，您可以创建一个函数来运行此操作并填写参数，例如

checkinput（id、lenght、errorid）
为您的电子邮件文本字段赋予id属性并使用我的代码：

var email = document.getElementById('email');

 Email.onkeyup = function(){

    If(email.value.length > 5){

   //show error by maybe showing the error div and inserting error message in its inner htlm. Hope you get the concept now
  }
}

$（文档）.ready（函数（）{
$（“#email”）.keyup（函数（）{
var email=$（this.val（）；
//在这里，您可以验证电子邮件并在错误框中显示警报或消息。
变量模式=/^（[^（）[\]\\，；：\s@\“]+（\.[^（）[\]\，；：\s@\“]+）*）（\'+\”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.]；
如果（模式测试（电子邮件））{
$（“#errmsgbox”）.html（“有效电子邮件地址”）；
}否则{
$（“#errmsgbox”）.html（“请输入有效的电子邮件地址”）；
}
});
});

var email = document.getElementById('email');

 Email.onkeyup = function(){

    If(email.value.length > 5){

   //show error by maybe showing the error div and inserting error message in its inner htlm. Hope you get the concept now
  }
}

$(document).ready(function(){
   $("#email").keyup(function(){
     var email = $(this).val();
    // here you can validate email and show alert or show message into your error box.
        var pattern=/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        if(pattern.test(email)){
            $("#errmsgbox").html("Valid email address");
        }else{
            $("#errmsgbox").html("Please enter valid email address");
        }
   });
});