javascript innerHTML未被执行,求原因!
script代码:<scriptlanguage="javascript">functiontransUserAdd(){if(document.userAddForm....
script 代码:
<script language="javascript">
function transUserAdd() {
if(document.userAddForm.userIdentity.value.length == 0){
document.getElementById('error').innerHTML = "请填写用户身份."
return false;
if(document.userAddForm.userAccount.value.length ==0){
document.getElementById('error').innerHTML ="请填写帐号.";
return false;
}
if(document.userAddForm.userPassword.value.length ==0){
document.getElementById('error').innerHTML="请填写密码.";
return false;
}
return true;
}
</script>
HTML代码:
<form id="userAddForm" action="user_add.php" method="post" onsubmit="return transUserAdd()">
<table>
<tr>
<td id="error" style="color:#FF0000">123</td>
<input type="hidden" id="error" name="error" value="_error">
</tr>
。。。。。中间略过
<td>身份</td><td><select name="userIdentity">
<option value="NULL" selected="selected">请选择...</option>
<option value="学生">学生</option>
<option value="教师">教师</option>
<option value="管理员">管理员</option>
</select>*</td>
</tr>
<tr>
<td>账号</td><td><input type = "text" name = "userAccount"/>*</td>
<td>密码</td><td><input type = "password" name = "userPassword"/>*</td>
</tr>
。。。。同样略过
<tr>
<span><td><input type="submit" name="submitadd" value="添加用户"/></td></span>
<span><td><input type="reset" value="重置"/></td></span>
</tr>
</table>
</form>
执行结果:
在没有任何输入的情况下,没有弹出警告!求原因及改正方法
script放在了<head>部分 展开
<script language="javascript">
function transUserAdd() {
if(document.userAddForm.userIdentity.value.length == 0){
document.getElementById('error').innerHTML = "请填写用户身份."
return false;
if(document.userAddForm.userAccount.value.length ==0){
document.getElementById('error').innerHTML ="请填写帐号.";
return false;
}
if(document.userAddForm.userPassword.value.length ==0){
document.getElementById('error').innerHTML="请填写密码.";
return false;
}
return true;
}
</script>
HTML代码:
<form id="userAddForm" action="user_add.php" method="post" onsubmit="return transUserAdd()">
<table>
<tr>
<td id="error" style="color:#FF0000">123</td>
<input type="hidden" id="error" name="error" value="_error">
</tr>
。。。。。中间略过
<td>身份</td><td><select name="userIdentity">
<option value="NULL" selected="selected">请选择...</option>
<option value="学生">学生</option>
<option value="教师">教师</option>
<option value="管理员">管理员</option>
</select>*</td>
</tr>
<tr>
<td>账号</td><td><input type = "text" name = "userAccount"/>*</td>
<td>密码</td><td><input type = "password" name = "userPassword"/>*</td>
</tr>
。。。。同样略过
<tr>
<span><td><input type="submit" name="submitadd" value="添加用户"/></td></span>
<span><td><input type="reset" value="重置"/></td></span>
</tr>
</table>
</form>
执行结果:
在没有任何输入的情况下,没有弹出警告!求原因及改正方法
script放在了<head>部分 展开
1个回答
展开全部
第一、你 script 少了一个 }(大括号)导致语法错误。
第二、获取 form 的格式是 document.forms.表单名
第三、获取 select 下被选中的 option 的格式是 select[select.selectedIndex]
<script language="javascript">
function transUserAdd() {
var form = document.forms.userAddForm,
userId = form.userIdentity,
error = document.getElementById('error');
if(userId[userId.selectedIndex].value == "NULL") {
error.innerHTML = "请填写用户身份."
return false;
}
if(form.userAccount.value == "") {
error.innerHTML ="请填写帐号.";
return false;
}
if(form.userPassword.value == "") {
error.innerHTML="请填写密码.";
return false;
}
return true;
}
</script>
更多追问追答
追答
一眼就看出好多全角符号,Javascript 中不能使用中文的标点符号
“” ‘’ :;,。
"" '' : ; , .
最主要的你落了第二句关键的 functiontransUserAdd() {
复制粘贴,直接测试!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询