多个文本框判断是否空问题 本帖最后由 slhaohao1 于 2012-11-20 23:16:24 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 为每个text加一个onblur事件 失去焦点后在判断试试 顶楼上的,这样的是可以做到的楼主的,代码的id不要相同的,name也不要相同。 <INPUT name="cailiao1" id="zhuliao1" value="材料" > <INPUT name="yongliang1" id="zhuliaoValue1" value="用量"> <INPUT name="cailiao2" id="zhuliao2" value="材料" > <INPUT name="yongliang2" id="zhuliaoValue2" value="用量"> <INPUT name="cailiao3" id="zhuliao3" value="材料" > <INPUT name="yongliang3" id="zhuliaoValue3" value="用量"> <INPUT name="cailiao4" id="zhuliao4" value="材料" > <INPUT name="yongliang4" id="zhuliaoValue4" value="用量"> html的代码的id和name可以做如上改动for(var i=1;i<5;i++){ var zhuliao = $("#zhuliao"+i).val(); if(zhuliao==""||zhuliao=='如:小白菜'){ $('#ajax_upload_message').html("请填写主料名称!"); return false; } var zhuliaoValue = $("#zhuliaoValue"+i).val(); if(zhuliaoValue==""||zhuliaoValue=='如:一捆'){ $('#ajax_upload_message').html("请为填写材料的用量!"); return false; } }js的代码可以这样写,没有测试,楼主自己看看哦。。 就是这样的可以添加栏目的 所以id name变不了 自动添加也要不同的id和name否则,等同于没有加id和name所以,你这样做的话,是没有意义的。在添加的时候,可以在函数内部做一个判断当前是第几个被添加的元素,然后在之后新增时,把这个唯一的数字加入到id和name中去如果都是相同的话,可以更省,直接去掉id和name就得了 可以写出来吗?我不懂的 我贴那个添加的代码给你看$(window).ready(function(){ $("#addzhuliao").die().live("click", function(){ var html = addCaiLiaoInfo("zhuliao"); $(this).before(html); }); });function addCaiLiaoInfo(str){ return '<div class="mct clearfix mbs"><span class="liao"><INPUT name="cailiao4" id="zhuliao4" value="材料" > </span><span class="liang"><INPUT name="yongliang4" id="zhuliaoValue4" value="用量"> </span><a href="javascript:void(0);" class="wrng"></a></div>';} $("table tr").each(function(){ //获取表格所有行 //然后取出某行的 input 进行判断就好了 var inputValue= $(this).find("td:input").val() ; if(inputValue==""){ var elementName = $(this).find("td:input").attr("name") alert(elementName +"不能为空"); }}); <script type="text/JavaScript"> $(window).ready(function(){ $("#addzhuliao").die().live("click", function(){ var divNum = document.getElementsByTagName("div");//获取页面所有的div var num=0; for(var i=0;i<divNum.length;i++){ if(divNum[i].className == "mctclearfixmbs")num++;//查找该div的class是否等于mctclearfixmbs,是则计数加1 } alert(num);//把num当成id的唯一识别,进行动态生成 var html = addCaiLiaoInfo("zhuliao",num); $(this).before(html);}); });function addCaiLiaoInfo(str,i){//加了一个入参 return '<div class="mctclearfixmbs"><span class="liao"><INPUT name="cailiao'+i+'" id="zhuliao'+i+'" value="材料" >'+str+i+'</span><span class="liang"><INPUT name="yongliang'+i+'" id="zhuliaoValue'+i+'" value="用量">'+str+i+' </span><a href="javascript:void(0);" class="wrng"></a></div>';} function check(){//可以看到,id和name的变化 var divNum = document.getElementsByTagName("input"); for(var i=0;i<divNum.length;i++){ alert(divNum[i].id); }}</script></head> <body><input id = "addzhuliao" type = "button" value = "add" /><input onclick = "check()" type = "button" value = "checkid"></body>本来用jquery实现应该是最好的,只是我对那些用起来并不熟悉,就这样吧。大概就是这个样子的 提交不写入数据是啥意思,你用浏览器的调试工具,查看一下你提交到的地址,看地址后面的或者是地址点开里面的那些内容,有没有要提交的数据。然后,最好贴一下你对应form的代码,以及sumbit的处理函数。 急求:jQuery UI Draggable,拖动时,拖对对象里面的元素不可见了,停止拖动后,才恢复。 flash as3播放器代码 IE中JS脚本的奇怪问题!! 散分,错误改正 如何确定按钮所在表格的哪一行 我叫什么名字 求一正则表达式 谁有动态添加和删除节点的好例子啊!!急用,跪谢了!!!!!!!!!!!!!!! 请教简单的参数传递! 求一个英文加中文的正则表达式!! DWZ 框架 下的横向导航菜单问题 还得麻烦showbo版主,指点一下我那个导航
<INPUT name="yongliang1" id="zhuliaoValue1" value="用量">
<INPUT name="cailiao2" id="zhuliao2" value="材料" >
<INPUT name="yongliang2" id="zhuliaoValue2" value="用量">
<INPUT name="cailiao3" id="zhuliao3" value="材料" >
<INPUT name="yongliang3" id="zhuliaoValue3" value="用量">
<INPUT name="cailiao4" id="zhuliao4" value="材料" >
<INPUT name="yongliang4" id="zhuliaoValue4" value="用量"> html的代码的id和name可以做如上改动
for(var i=1;i<5;i++){
var zhuliao = $("#zhuliao"+i).val();
if(zhuliao==""||zhuliao=='如:小白菜'){
$('#ajax_upload_message').html("请填写主料名称!");
return false;
}
var zhuliaoValue = $("#zhuliaoValue"+i).val();
if(zhuliaoValue==""||zhuliaoValue=='如:一捆'){
$('#ajax_upload_message').html("请为填写材料的用量!");
return false;
}
}js的代码可以这样写,没有测试,楼主自己看看哦。。
否则,等同于没有加id和name
所以,你这样做的话,是没有意义的。在添加的时候,可以在函数内部做一个判断当前是第几个被添加的元素,然后在之后新增时,把这个唯一的数字加入到id和name中去
如果都是相同的话,可以更省,直接去掉id和name就得了
$("#addzhuliao").die().live("click", function(){
var html = addCaiLiaoInfo("zhuliao");
$(this).before(html);
});
});function addCaiLiaoInfo(str)
{
return '<div class="mct clearfix mbs"><span class="liao"><INPUT name="cailiao4" id="zhuliao4" value="材料" > </span><span class="liang"><INPUT name="yongliang4" id="zhuliaoValue4" value="用量"> </span><a href="javascript:void(0);" class="wrng"></a></div>';
}
//获取表格所有行
//然后取出某行的 input 进行判断就好了
var inputValue= $(this).find("td:input").val() ;
if(inputValue==""){
var elementName = $(this).find("td:input").attr("name")
alert(elementName +"不能为空");
}
});
$(window).ready(function(){
$("#addzhuliao").die().live("click", function(){
var divNum = document.getElementsByTagName("div");
//获取页面所有的div
var num=0;
for(var i=0;i<divNum.length;i++){
if(divNum[i].className == "mctclearfixmbs")num++;
//查找该div的class是否等于mctclearfixmbs,是则计数加1
}
alert(num);//把num当成id的唯一识别,进行动态生成
var html = addCaiLiaoInfo("zhuliao",num);
$(this).before(html);
});
});
function addCaiLiaoInfo(str,i)
{//加了一个入参
return '<div class="mctclearfixmbs"><span class="liao"><INPUT name="cailiao'+i+'" id="zhuliao'+i+'" value="材料" >'+str+i+'</span><span class="liang"><INPUT name="yongliang'+i+'" id="zhuliaoValue'+i+'" value="用量">'+str+i+' </span><a href="javascript:void(0);" class="wrng"></a></div>';
}
function check(){//可以看到,id和name的变化
var divNum = document.getElementsByTagName("input");
for(var i=0;i<divNum.length;i++){
alert(divNum[i].id);
}
}
</script>
</head>
<body><input id = "addzhuliao" type = "button" value = "add" />
<input onclick = "check()" type = "button" value = "checkid">
</body>本来用jquery实现应该是最好的,只是我对那些用起来并不熟悉,就这样吧。
大概就是这个样子的
然后,最好贴一下你对应form的代码,以及sumbit的处理函数。