提交表单时数据检测
2016-04-13 21:17
330 查看
一、表单
<form>
id:<input type="text" class="check" name="id"><img src=""><br>
name:<input type="text" class="check" name="name"><img src=""><br>
age:<input type="text" class="check" name="age"><img src=""><br>
sex:<input type="text" class="check" name="sex"><img src=""><br>
sex:<input type="radio" class="check" name="xxx"><img src=""><br>
<input type="submit" value="sumbit" onclick="return onSubmitCheck()">
</form>
二、Js代码
<script type="text/javascript">
function onSubmitCheck()
{
var list = $('.check');
for(i=0;i<list.length;i++)
{
var node = list[i];
var spanNode = node.nextSibling;
alert(node.value);
if(node.value == "")
{
//alert("empty");
node.focus();
spanNode.src = "cancel.png";
//return false;
}
else
{
spanNode.src = "accept.png";
}
//alert(node.value);
}
}
</script>
三、
<form>
id:<input type="text" class="check" name="id"><img src=""><br>
name:<input type="text" class="check" name="name"><img src=""><br>
age:<input type="text" class="check" name="age"><img src=""><br>
sex:<input type="text" class="check" name="sex"><img src=""><br>
sex:<input type="radio" class="check" name="xxx"><img src=""><br>
<input type="submit" value="sumbit" onclick="return onSubmitCheck()">
</form>
二、Js代码
<script type="text/javascript">
function onSubmitCheck()
{
var list = $('.check');
for(i=0;i<list.length;i++)
{
var node = list[i];
var spanNode = node.nextSibling;
alert(node.value);
if(node.value == "")
{
//alert("empty");
node.focus();
spanNode.src = "cancel.png";
//return false;
}
else
{
spanNode.src = "accept.png";
}
//alert(node.value);
}
}
</script>
三、
相关文章推荐
- Java获取随机数的几种方法
- Linux内核分析 笔记八 进程的切换和系统的一般执行过程 ——by王玥
- 一个Linq表达式的扩展函数帮助类
- linux的pam验证
- STL常用容器总结——deque双向队列
- HDOJ 2064 汉诺塔III
- 初识Xamarin——mac os x下环境的搭建
- Spring使用Cache、整合Ehcache
- c++实验2作业
- ssh实现ajax最简单的方法
- C++调用Python
- strcpy的实现
- Matlab图像处理转灰度图,绘制直方图,直方图均衡化
- POJ-1691 Painting A Board
- poj3352 Road Construction 缩点
- 数据结构实验之二叉树四:还原二叉树
- Redis+linux的Bundle池化(四)
- 数据挖掘简要介绍
- Swift TextField
- ajax解决中文数据乱码问题