这篇“JavaScript正则实现表达式以字母开头的示例”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“JavaScript正则实现表达式以字母开头的示例”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们一起来看看具体内容吧。
JavaScript是什么
JavaScript是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,JavaScript是被广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。
表单校验:创建表单,使用JavaScript+dom为表单添加校验.
要求:
验证用户名称,必须以字母开头,长度2-6位之间.
验证密码不能为空.
确认密码不能为空,要与密码一致.
<!DOCTYPE html><html lang="en"><!-- 表单校验:创建表单,使用JavaScript为表单添加校验. 1.验证用户名称,必须以字母开头,长度2-6位之间. 2.验证密码不能为空. 3.确认密码不能为空,要与密码一致. --><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function checkForm() { //获得用户名对象 var username = document.getElementById("username"); //---获得用户名输入框中的value值 var usernamevalue = username.value; var Reg = /^[a-zA-Z][-_a-zA-Z0-9]{1,5}/;//JavaScript中的正则与Java的正则略有不同 if (usernamevalue.length >= 2 && usernamevalue.length <= 6 && Reg.test(usernamevalue)) { //为span设置提示语 document.getElementById("usernameSpan").innerHTML = "<font color='green'> 用户名可用<font>"; } else { document.getElementById("usernameSpan").innerHTML = "<font color='red'> 用户名必须以字母开头且长度在2-6之间<font>"; } //获得密码value var password = document.getElementById("password").value; if (password == "") { document.getElementById("passwordSpan").innerHTML = "<font color='red'>密码不能为空</font>"; } else { document.getElementById("passwordSpan").innerHTML = "<font color='green'>密码可用</font>"; } //获得确认密码 var repassword = document.getElementById("repassword").value; if (repassword == password) { document.getElementById("repasswordSpan").innerHTML = "<font color='green'>输入一致</font>"; } else { document.getElementById("repasswordSpan").innerHTML = "<font color='red'>两次输入密码不一致</font>"; } } </script></head><body> <h3>新用户注册</h3> <p style="border: 1px solid sandybrown; width: 300px; height: 260px;"> <form action=""> <table cellspacing="15"> <tr> <td> 用户名称: </td> <td> <input type="text" id="username"> <span id="usernameSpan"></span> </td> </tr> <tr> <td> 密  码: </td> <td> <input type="password" id="password"> <span id="passwordSpan"></span> </td> </tr> <tr> <td> 确认密码: </td> <td> <input type="password" id="repassword"> <span id="repasswordSpan"></span> </td> </tr> </table> </form> </p> <input type="button" value="确认注册" onclick="checkForm()" /></body></html>
感谢你的阅读,希望你对“JavaScript正则实现表达式以字母开头的示例”这一关键问题有了一定的理解,具体使用情况还需要大家自己动手实验使用过才能领会,快去试试吧,如果想阅读更多相关知识点的文章,欢迎关注编程网行业资讯频道!