JavaScript&jQuery.表单事件
表单事件
表单事件,当用户与表单元素进行交互时发生。
常见的事件有:
- submit,当表单被提交时,会触发<form>元素节点上的submit事件。
- change,当某些表单元素的状态发生变化时触发。
- input,<input>或<textarea>元素中的值发生变化时触发。
- select,用户在一个表单域中选中了一些文本时触发。
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form id="myform" action="http://www.163.com/" method="get">
用户名: <input type="text" id="username" name="username">
<button type="submit">提交</button>
</form><script>
var myform = document.getElementById('myform');
myform.addEventListener('submit', stop, false);
function stop(e) {
var username = document.getElementById('username');
var str = username.value;
if (str === '') {
alert('请输入用户名');
} else {
alert("输入的值是:" + str);
}
}
</script>
</html>