onclick和onsubmit的用法

 

 <form name="form" action="#" method="post" onsubmit="check();">
	  <p><label>称呼:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input type="text" name="name" id="name" /></p>
	  <p><label>发表留言:</label><textarea name="contents" id="contents" cols="15" rows="5"></textarea><</p>
	  <p class="noborder"><input type="submit" value="submit" /><input type="reset" value="reset"/><p>
	  </form>
<script type="text/javascript">
function check(){
	var name=document.getElementById("name").value;
	var contens=document.getElementById("contents").value;
	if (name=="")
	{
		alert("用户名不能为空");
		exit();
	}
	if (content=="")
	{
		alert("内容不能为空");
		exit();
	}
}
</script>

 

onclick

 

<form name="form" action="#" method="post">
	  <p><label>称呼:</label><input type="text" name="name" id="name" /></p>
	  <p><label>发表留言:</label><textarea name="contents" id="contents" cols="15" rows="5"></textarea><</p>
	  <p class="noborder"><input type="button" value="submit" onclick="check()"/><input type="reset" value="reset"/><p>
	  </form>

<script type="text/javascript">
function check(){
	var name=document.getElementById("name").value;
	var contents=document.getElementById("contents").value;
	if (name=="")
	{
		alert("用户名不能为空");
	}
	if (contents=="")
	{
		alert("内容不能为空");
	}
}
</script>

 

获取输入内容的方法,可以使用form属性，直接调用，form中的变量的值。或者使用id来取值

 

<form name="form1" action="#" method="post">
<p><label>称呼:</label><input type="text" name="name2" id="name" /></p>
<p><label>发表留言:</label><textarea name="contents" id="contents" cols="15" rows="5"></textarea><</p>
<p class="noborder"><input type="button" value="submit" onclick="check()"/><input type="reset" value="reset"/><p>
</form>

<script type="text/javascript">
function check(){
	var name=document.form1.name2.value;
	var contents=document.getElementById("contents").value;
	if (name=="")
	{
		alert("用户名不能为空");
	}
	if (contents=="")
	{
		alert("内容不能为空");
	}
}
</script>