重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
if( )这里改为
成都地区优秀IDC服务器托管提供商(成都创新互联公司).为客户提供专业的多线服务器托管,四川各地服务器托管,多线服务器托管、多线服务器托管.托管咨询专线:028-86922220
if(value=="男"||value=="女")
还有下面"sex"=="男"||"sex"=="女"那里改为check(sex),当然前面还要加一行var sex = document.getElementById("sex");
首页这个focus()是不会控制你的表单提交的,只会控制你作用于的那个对象。
应该用onSubmit事件来对表单提交控制,当然也可以用CLICK,但要转一些弯路来写,我个人比较喜欢用这个onSubmit 简单方便,给你个参考:
script language = "JavaScript"
function CheckForm()
{
if (document.add.sex.value=="")
{
alert("请输入您的姓名!");
document.add.sex.focus();
return false;
}
}
/script
form name="add" id="add" class="add" method="post" action="message.asp?action=add" onSubmit="return CheckForm();"
input type="text" name="sex" /
input type="submit" value="确定" /
/form
我个人习惯,性别这个选项是不需要让用户去填写的,因为它最多也只有3个答案(男,女,人妖)可以用select,下拉选项,这样用户体验会更加好,网页设计要围绕用户体验去做才是好网页
js中alert()方法就可以实现这种效果。种效果常用于表单验证时弹出提示信息。
下面是用jquery编写的表单验证的简单例子:
html
body
script type="javascript/text" src="jquery.js"/script
form id="form" method="post" action=""
性别:男inpyt type="radio" name="sex" value="0"女inpyt type="radio" name="sex" value="1"
inpyt type="button" id="button" value="提交"
/form
script type="javascript/text"
$("#button"),click(function(){//提交按钮被点击触发
if($("input[name='sex']").is("checked")){//获取name为sex的input的对象并判断是否被选中
$("#form").submit();");//如果性别的单选按钮有被选择则提交表单
}else{
alert("请选择性别");//如果性别的单选按钮没有被选择则弹出提示
}
});
/script
/body
/html
2个问题
radio控件要用数组,
if(form.u_sex[0].value!="f" form.u_sex[1].value!="m"){alert("请选择性别");
这个还不行,上面的条件是没有判断作用的,,你在函数checkpost() 里加入
alert(form1.u_sex[0].value);
alert(form1.u_sex[1].value);
就知道了
正确的判断语句为 if(!form1.u_sex[0].checked !form1.u_sex[1].checked)
可以使用Jquery的is()方法更轻松的解决这个问题。
is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。
form action="" method="post" onsubmit="return yanzheng()"
性别:input type="radio" name="sex" value="男" /男 input type="radio" name="sex" value="女" /女
input type="submit" value="提交" /
/form
script
function yanzheng(){// 当表单提交时触发的验证方法
if(!$("input[name='sex']").is(":checked")){//如果name为sex的input没有被选中
alert('未选中');//弹出提示
reture false;// 返回假值表单不会提交
}else{
return true;// 返回真值表单提交
}
}
/script