简单的js onChange()
来源:互联网 发布:sql 外键必须是主键吗 编辑:程序博客网 时间:2024/06/08 00:41
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><%response.setContentType("text/html;charset=UTF-8");%><script type="text/javascript">function nameChange(userName) {var uName = userName.value;if (uName.length > 8 || uName.length < 3) {document.getElementById("username").innerHTML = "<font style='color:red'>长度要求3~8</font>"} else {document.getElementById("username").innerHTML = "<font style='color:red'>可以使用</font>"}}function passwdChange(passwd) {var passWd = passwd.value;if (passWd.length > 8 || passWd.length < 3) {document.getElementById("password").innerHTML = "<font style='color:red'>长度要求3~8</font>"} else {document.getElementById("password").innerHTML = "<font style='color:red'>可以使用</font>"}}</script><body><form><table align="center"><!-- username --><tr><td>username:</td><td ><input type="text" onChange="nameChange(this)"></td><td id="username"></td></tr><!-- password --><tr><td>password:</td><td ><input type="password" onChange="passwdChange(this)"></td><td id="password"></td></tr></table></form></body></html>
效果:
0 0
- 简单的js onChange()
- js的onchange事件触发
- js中的onchange和onpropertychange (onchange 无效解决办法)
- js中的onchange和onpropertychange (onchange 无效解决办法)
- js触发onchange事件的方法
- js的object.fireEvent()触发onchange事件
- Js中文本框的onchange事件
- Js 中调用select 的onchange事件
- JS改变input的value值不触发onchange事件解决方案(超简版)
- JS 事件(onkeyup、onkeydown、onkeypress、onchange),对文本的事件处理之小总结
- JS改变input的value值不触发onchange事件解决方案 (转)
- js触发onchange事件
- js(select onchange)跳转
- js中的onchange事件
- JS中onchange事件:域内容被改变的事件
- 下拉菜单(利用的onchange事件)
- Egret)tween的onChange事件写法
- js学习小结(十四)2014.5.23(onpropertychange、oninput、onchange的区别与联系以及正则表达式的应用)
- Guava学习笔记【6】:Immutable(不可变)集合
- 原生js利用ajax、FormData对象实现进度条上传
- Guava学习笔记【7】:Guava新增集合类型-Multiset
- AndroidStudio&&Eclipse配置SVN
- BZOJ 1478 Sgu282 Isomorphism
- 简单的js onChange()
- Guava学习笔记【8】:Guava新增集合类型-Multimap
- CStdioFile在UNICODE字符集下读写中文
- java Element类的用法
- Guava学习笔记【9】:Guava新增集合类型-Bimap
- $('div','li') 和 $('div , li') 和 $('div li') 区别
- Leetcode学习(31)—— Add Digits
- Guava学习笔记【10】:Guava新集合-Table等
- 本CSDN博主将与北京航天航空大学出版社合作出版<嵌入式C语言技术实战开发>一书