forms对象集合和form对象

最新推荐文章于 2022-09-19 18:00:01 发布

ll123_lyf

最新推荐文章于 2022-09-19 18:00:01 发布

阅读量421

点赞数

forms对象集合和form对象

这里我们说明form对象

form对象名.某控件名.

案例

p:<input type="password" name="password" value="xxx"/><br/>

u:<input type="text" name="username"/>

</form>

</body>
<script type="text/javascript">

<!--

//window.alert(document.forms.item(1).action);

//取出第一个from function mysubmit(){

var form1=document.forms.item(1);

//window.alert(form1.username.value);

//window.alert(form1.password.value);

form1.submit();

}

//-->

</script>

案例2：验证用户注册

function check(){

//通过表单对象来回去用户的输入

var form = document.forms.item(0);

var name=form.username.value;

var passwd=form.passwd.value;

var passwd2=form.passwd2.value;

//window.alert(name+passwd+passwd2);

if(name.length<4 || name.length>6){

//window.alert("error");

error1.style.display="inline";

return false;

}

if(passwd!=passwd2){

error2.innerText="两次密码不一致";

error2.style.display="inline";

return false;

}

</script>

</head>

<span style="display: none;color: red;font-size: 10px" id="error1">用户名必须在4-6位间</span>

</td>

</tr>
<tr><td>密码:</td><td><input class="style1" type="password" name="passwd" id="passwd"/></td></tr>
<tr>

</td>

</tr>

<tr>

</tr>
<tr><td>电子邮件</td><td><input class="style1" type="text" name="email" id="email"/></td></tr>
<tr><td>电话号码</td><td><input class="style1" type="text" name="phone" id="phone"/></td></tr>
<tr><td><input type="submit" οnclick="return check();" value="注册用户"></td>

</table>

</form>

</body> </html>

案例：文本框中自动设置鼠标光标！

<html>

</form>
</body>