JavaScript表单验证完美代码

用原生JS写一个简单的表单验证

 首先,是html部分

新用户注册

基本信息


请输入至少3位的用户名
请输入4到8位的密码
请再输入一遍密码
请输入11位手机号码

 接着,为其加上CSS样式

 

最后是JS部分

 

 好了,打开浏览器测试一下吧

JavaScript表单验证完美代码_第1张图片

  填写数据,可以!

JavaScript表单验证完美代码_第2张图片

以上所述是小编给大家介绍的JavaScript表单验证完美代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

你可能感兴趣的:(JavaScript表单验证完美代码)