大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)

问题:表单怎么在输入后立即验证,而不是提交后再验证那么不方便(网上搜到的要么是模棱两可,要么是残缺不全…)

网站建设哪家好,找创新互联公司!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了浏阳免费建站欢迎大家使用!

方法:鉴于此,加上我个人的理解(注释)在上面。

截图:

JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)

代码:





用户注册


  




表单及时验证小例子
用户名: * 用户名由6-18位字符组成
密码: * 密码由6-18位字符组成,且必须包含字母、数字和标点符号
确认密码: * 请再次输入你的密码
用户类型: * 请选择用户类型
性别: * 请选择你的性别
出生日期: * 请选择你的出生日期
兴趣爱好: 阅读 音乐 运动 * 请选择你的兴趣爱好
电子邮件: * 请填写常用的EMAIL,将用于密码找回
自我介绍: * 限100字内

CSS样式:

 input:focus,textarea:focus{
    border:1px solid #f00;
    background:#fcc;
  }
  textarea{
    width:230px;
    height:50px;
  }
  body
  {
    font-size:15px;
    /* 字体的样式 */
    font-family:Microsoft YaHei;  
  }
  select option{
    font-size:10px;
    font-family:Microsoft YaHei;
  }

以上所述是小编给大家介绍的JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!


网页名称:JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
新闻来源:http://dzwzjz.com/article/jgicos.html
在线咨询
服务热线
服务热线:028-86922220
TOP