1。用户至少选中某项,即表示选中该行,同时该行的数据验证通过,表单提交,否则,不提交。
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>带数据验证和复选框的表单提交& lt;/title>
& lt;脚本src=" https://www.yisu.com/commonJqery/jquery-3.0.0.js " type=" text/javascript祝辞& lt;/script>
& lt;风格类型=" text/css "比;
表{
border-collapse:崩溃;
}
td, {
宽度:40像素;
身高:100 px;
边界:1 px固体# 000;
}
表tbody tr:{徘徊
背景颜色:红色;
}
表tbody tr:没有(:第一个孩子):悬停{background - color: # 666;
}
td输入[name='数量']{
宽度:100 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt;形式行动=" http://www.baidu.com " id=" order_shopping " name=皁rder_shopping”方法=盎竦谩钡脑?
& lt;表id=氨怼崩?癴l”比;
& lt; thead>
& lt; tr>
& lt; th>商品名& lt;/th>
& lt; th>单价& lt;/th>
& lt; th>购买数量& lt;/th>
& lt; th> & lt;输入id=傲健崩嘈?案囱】颉眓ame="都"自动完成=肮乇铡弊４? lt;/th>
& lt;/tr>
& lt;/thead>
& lt; tbody>
& lt; tr>
& lt; td>香蕉& lt;/td>
& lt; td> 100 & lt;/td>
& lt; td> & lt;输入类型=拔谋尽眓ame="数量"自动完成=肮乇铡闭嘉环?扒胧淙胧俊弊４? lt;/td>
& lt; td>
& lt;输入类型=案囱】颉眓ame="选择"自动完成=肮亍痹?
& lt;/td>
& lt;/tr>
& lt; tr>
& lt; td>苹果& lt;/td>
& lt; td> 100 & lt;/td>
& lt; td> & lt;输入类型=拔谋尽眓ame="数量"自动完成=肮乇铡闭嘉环?扒胧淙胧俊弊４? lt;/td>
& lt; td>
& lt;输入类型=案囱】颉眓ame="选择"自动完成=肮亍痹?
& lt;/td>
& lt;/tr>
& lt;/tbody>
& lt;/table>
& lt;输入类型="提交" id=" add_shopping " value=" https://www.yisu.com/zixun/添加购物车”/比;
& lt;/form>
& lt; p id=拔毒弊４? lt;/p>
& lt;/body>
& lt;/html>之前
& lt;脚本type=" text/javascript祝辞
$(函数(){//全选
$("输入[name='同时']”).click(函数(){
var isSelected=美元(这).(":检查");
(var=0; i<$(“输入[name='选择']”). length;我+ +){
$("输入[name='选择']”)[我]。=$ isSelected检查;
}
})
});//输入正确,且有选中该行复选框才提交
函数checkShopping () {
$(" #味精"). html (");
var=$ $复选框(输入[name='选择']");
var reg=/^ \ [1 - 9] d * $/;
var美元数量=" ";
var isInteger=false;//记录数字是否正确
var moreOne=false;//选择复选框个数
checkbox.each美元(函数(){
如果($().(":检查")){
数量=(美元).parent () .prev()定格().val ();
如果(reg.test(美元)){
isInteger=true;
moreOne=true;
其他}{
$(" #味精”). html(“提示:输入数量必须为正整数”);
isInteger=false;
}
}
})
如果(isInteger,,moreOne) {
返回true;
}else if (! moreOne) {
$(" #味精”). html(“提示:至少选择一条信息的);
返回错误;
其他}{
返回错误;
}
}
& lt;/script>之前
以上所述是小编给大家介绍的基于JavaScript实现带数据验证和复选框的表单提交,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
