如何在javascript中来引用表单里面的某个元素
1.本来是用document.表单名称.元素名称这样引用一个元素的,后来在运行的发现这样行不通,有时候这样写可以,但是有时候又不行。
2.所以规范一点就写成document.forms["表单name名"/下标].elements["元素name名"/下标],
比如:var formm=document.forms["formname"].elements["inputname"];就表示把表单下面的name名为inputname的元素赋给formm了。
3.为了在js中不要定义太多的变量,可以这样写:var formm=document.forms["表单name名"].elements;这样写就代表已经获取到了第一个元素的地址了,然后这样写:formm["元素name名"/下标].属性=值;
比如:var formm=document.forms["formname"].elements;
formm["input1"].value="I love";
formm["input2"].value="javascript";
4.这里要说一下,在选中文本框里面的内容,是针对于这个元素,而不是这个元素里面的值,但是在比较的时候需要用元素的值来比较
比如:下面用正则表达式来完成表单验证
5.能在form里面用input来设置为按钮,就不要把button写在表单里面,要写button就写在表单外面
比如:<form >
<input type="button" >
</form>
<form>
<input type="text" >
<input type="text" >
表单验证</button>
</form>
<button onclick="buttin()">
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="adress" name="nameform" method="post" onsubmit="return checkform()" > 用户账号<input type="text" name="n1"/><br /> 用户密码<input type="text" name="n2"/><br /> <input type="submit" value="验证" /> </form> <script> function checkform() {var user=document.forms["nameform"].elements["n1"]; var pass=document.forms["nameform"].elements["n2"]; if(!(/^[a-z]w{3,15}$/.test(user.value))) {alert("用户账号要为字母,数字,下划线,以字母开头,长度在4-16位"); user.select(); return false; } if(!(/^w{4,16}$/.exec(pass.value))) {alert("密码为字母,数字或下划线组成,为4-16位"); pass.select(); return false; } return true; } </script> </body> </html>