<html>
<head>
<title></title>
<script src="JavaScript.js"></script>
</head>
<body>
<form id="form" name="form" method="post" action="http://js.alixixi.com" onsubmit="return CheckForm()">
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="checkbox" name="love" >
<input type="radio" value="好的" name="miaoshu" >
<input type="radio" value="好的" name="miaoshu" >
<input type="radio" value="好的" name="miaoshu" >
<input id="txtbox" name="MyTextfield" type="text">
<input type="submit" value="提交" >
</form>
</body>
</html>
function CheckForm() {
var flag = false;
var allRadio = document.form.elements["miaoshu"];
var txtBox = document.getElementById("txtBox").value;
for (var i = 0; i < allRadio.length; i++) {
if (allRadio[i].checked) {
if (allRadio[allRadio.length - 1].checked) {
if (txtBox == "") {
flag = false;
}
else {
flag = true;
}
}
}
}
if (!flag) {
alert("请确定输入完整");
}
var cbxs = document.getElementsByName('love');
var s = 0;
for (var i = 0; i < cbxs.length; i++) {
if (cbxs[i].checked)
{ s += 1; }
}
if (s < 1) {
alert("请确定输入完整");
flag = false;
}
return flag;
}
分享到:
相关推荐
Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip
主要特色: 完全响应式; 完美键盘操作支持; 可定制的输入标签:select, radio, checkbox 以及 file; 自定义的日期选择器 本地化支持 表单验证的代码示例:
本文分别介绍了js和jQuery验证单选框(radio)、多选框(checkbox)、下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候...
支持所有类型客户端控件的校验 支持jQuery所有的选择器语法...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型、日期型。 支持服务器端校验。 支持输入格式的校验。
js验证各种表单内容 有常见的radio checkbox input等。
支持:text,number,email,hidden,password,textarea,select,date,checkbox,radio 等 2.vf-type (必填)验证类型[可多个,用 "|" 进行分割],支持:empty(为空验证),reg(正则匹配),func(函数调用)...
jQuery formValidator表单校验插件支持的验证功能: ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
jQuery formValidator表单验证插件示例源码 ...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了...选择的个数支持radio/checkbox/select三种控件 支持2个控件值的比较。目前可以比较字符串和数值型。 支持服务器端校验。 支持输入格式的校验。
text radio checkbox file button image submit reset hidden submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话...
表单我实现了,input属性是text(文本框)、radio(单选按钮)、checkbox(多选按钮)的知识点, fieldset标签(组合表单中的相关元素)、select标签(选择列表)和textarea标签(多行文本框)。 <form action=...
easyform easyform 是一个jQuery插件,包括easyfrom,easytip,两个部分。 easyform是表单验证插件,支持复杂的表单验证规则,...目前支持的控件有:input[text,radio,checkbox],textarea 表单验证,就是这么简单!
可以自定义每种输入类型,包括select , radio , checkbox和file 使用jQuery UI的自定义datepicker(带有备用) “当场”验证 本土化 更新: 13年2月26日 更新grunt到0.4.0并解决对齐问题CSS 影片: 常问问题: ...
后经过一段对Jquery的学习,Jquery的强大解决了辅助代码过多不易维护的问题。AutoValidate.JS 代码如下: /// ”../Scripts/...type=text type=checkbox type=radio select 标签验证 //vld=”***”必填 格式验证 //v
我们知道,面向对象发展起来后,“一夜之间”,几乎所有的语言都能基于对象了,JavaScript也是基于对象的语言。用户在浏览器上的行为...通常应用在button(按钮对象)、checkbox(复选框)、radio(单选按钮)、reset
编写会被安全压缩的JavaScript代码319 数组风格依赖注入的缺陷322 模板预加载323 使用指令预加载模板324 填充$templateCache服务325 组合使用不同的预加载技术327 122优化首页327 避免显示未经处理的模板328 ...
之前我们介绍过3款漂亮的CSS3表单,包括一个CSS3发光表单、CSS3密码验证表单、CSS3自定义Checkbox和Radio表单。今天要向大家分享一款基于CSS3和jQuery的带小图标精美输入表单,该CSS3表单一共有3款样式,需要高版本...
在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 <input type=text /> —————————– 操作文本域的值...
4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框 4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup 4.1.9 Ext.form.field.Trigger触发字段 4.1.10 Ext.form.field.Spinner微调字段 4.1.11 ...