JavaWeb之JavaScript表单验证(正则表达式)

tech2022-09-02  99

正则表达式如何运用呢,常用场景当然是表单验证啦,废话不多说,直接进入正题

先创建一个Dynamic Web Project(动态Web项目),然后新建一个html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="#" method="post" id="frmInfo"> <div id="err" style="color: red"> </div> <div> 姓名:<input id="name" name="name"/> </div> <div> <input type="submit"/> </div> </form> <script type="text/javascript"> document.getElementById("frmInfo").onsubmit = function (){ //在JS中定义正则表达式对象: /正则表达式/ var regex1 = /^[\u4e00-\u9fa5]{2,8}$/; var name = document.getElementById("name").value; //利用正则校验数据,true代表匹配成功,反之失败 if(regex1.test(name) == false){ document.getElementById("err").innerHTML = "无效姓名"; return false; }else{ alert("验证通过,准备提交"); return true; } } </script> </body> </html>

这样就能做到简单的JavaScript表单验证了,效果如下

最新回复(0)