form表單調用javascript函數失敗
3 回答
動漫人物
TA貢獻1815條經驗 獲得超10個贊
可以啦
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>注冊</title>
<script type="text/javascript">
function checkform(name){
if(name.username.value.length==0){
alert("用戶名不能為空");
return false;
}
var userNameChe=/^[_0-9a-zA-Z]{1,12}$/;
if(name.username.value!=""){
if(!userNameChe.test(name.username.value)){
alert("用戶名格式不正確");
return false;
}
}
var pwdChe=/^[_0-9a-zA-Z]{6,12}$/;
if(name.pass1.value!=""){
if(!pwdChe.test(name.pass1.value)){
alert("密碼格式不正確");
return false;
}
}
if(name.pass1.value!=name.pass2.value){
alert("2次密碼不一致");
return false;
}
var emChe= /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!emChe.test(name.email.value)){
alert("Email格式不正確");
return false;
}
}
</script>
</head>
<body><center><table border=2 width=500>
<p> </p>
<form name="TheForm" method="post" action="1111.html" id="f1" onSubmit="return checkform(this);">
<tr><td colspan=2>請輸入您的信息：
<tr><td>用戶名：
<td><input type="text" name="username">
*1-12字符，只允許英文與數字
<tr><td>真實姓名：
<td><input type="text" name="realname">
*請輸入真實姓名
<tr><td>密碼：
<td><input type="password" name="pass1">
*6-12字符，只允許英文與數字
<tr><td>確認密碼：
<td><input type="password" name="pass2">
*2次密碼需一致
<tr><td>電子郵箱：
<td><input type="text" name="email">
*請輸入正確郵箱格式 例如（[email protected]）
<tr><td>性別：
<td><input name="sex" type="radio" value="男" checked>
男
<input type="radio" name="sex" value="女">
女
<tr><td>出生日期：
<td><input type="text" name="date">
請輸入正確日期格式 如1980-5-16
<tr><td>興趣愛好：
<td><input type="text" name="favourite"> （如：花卉，動物）
<tr><td>手機號碼：
<td><input type="text" name="phone">
<tr><td>簡歷：<td>
<textarea name="jl" cols=40 rows=5>
</textarea>
<tr><td colspan=2>
<input type="submit" name="send" value="注冊" />
<input type="reset" name="Submit2" value="重置" />
</form>
</table><br>
<a href=uploadimage.jsp>上傳照片</a>
</center>
</body>
</html>
Helenr
TA貢獻1780條經驗 獲得超4個贊
一函數調用放置錯了
應該這個寫
<form name="form1" method="post" action="add.jsp" id="f1">
改為
<form name="form1" method="post" action="add.jsp" id="f1" onSubmit="return checkform()">
=============
<input type="submit" id="B1" value="注冊" onClick="checkform()">
這個不需要執行函數
<input type="submit" id="B1" value="注冊" >
好了
問題解決
慕森王
TA貢獻1777條經驗 獲得超3個贊
首先一個大問題：
你的代碼就寫的不對：
alter("用戶名不能為空");
你把所有的alter()都改成alert()，這個錯誤可不怎么高級。
接下來你這樣改一下：
把：<input type="submit" id="B1" value="注冊" onClick="checkform()">
改成：
<input type="submit" id="B1" value="注冊" onclick="return checkform()">
這樣應該就行了。
我試了試你的那個判斷郵箱輸入是否正確的JS代碼，好象也有問題。
至于其它什么問題我倒是還沒細看，應該都是思路和正責表達示的問題了，自己應該能解決了。
- 3 回答
- 0 關注
- 1062 瀏覽
添加回答
舉報
0/150
提交
取消