这里直接上代码。把代码黏贴到 .html 文档,用IE 浏览器打开测试。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
</head>
<script type="text/javascript">
//去除空格
function Trim(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
///去除所有空格
function Trimstr(str){
var result;
result = str.replace(/(^\s+)|(\s+$)/g,"");
return_result = result.replace(/\s/g,"");
return return_result
}
function dotrime(){
var First_name = Trimstr(document.getElementById("First_name").value);
var Last_name = Trimstr(document.getElementById("Last_name").value);
//测试
if(First_name!=Last_name){
alert("First_name"+First_name+"!="+"Last_name"+Last_name)
}else{
alert("First_name"+First_name+"=="+"Last_name"+Last_name)
}
}
</script>
<body>
First name: <input type="text" id="First_name" name="fname" />
Last name: <input type="text" id ="Last_name" name="lname" />
<button type="button" id ="button_id" οnclick="dotrime()">Click Me!</button>
</body>
</html>