function add(){
var b1 = false;
var b2 = false;
var v_name = $("#uname").val();
var v_sex = $("#usex").val();
var v_birth = $("#birth").val();
var v_bcity = $("#b_city").val();
var cs = $("#a_city option:selected").html();
if(v_name==""){
b1 = false;
alert("用户名不能为空!")
}else{
b1 = true;
}
if(v_birth==""){
b2 = false;
alert("生日不能为空")
}else{
b2 = true;
}
if(b1==false||b2==false){
alert("输入信息有误")
}else{
$("#tab").append("<tr>" +"<td><input type='checkbox' name='ck' ></td>" +"<td>" + v_name +"</td>" +"<td>" + v_sex +"</td>" +"<td>" + v_birth +"</td>" +"<td>" + cs + "-" + v_bcity +"</td>" +"<td><input type='button' onclick='return del(this)' value='删除'></td>" +
"</tr>");
}
var b1 = false;
var b2 = false;
var v_name = $("#uname").val();
var v_sex = $("#usex").val();
var v_birth = $("#birth").val();
var v_bcity = $("#b_city").val();
var cs = $("#a_city option:selected").html();
if(v_name==""){
b1 = false;
alert("用户名不能为空!")
}else{
b1 = true;
}
if(v_birth==""){
b2 = false;
alert("生日不能为空")
}else{
b2 = true;
}
if(b1==false||b2==false){
alert("输入信息有误")
}else{
$("#tab").append("<tr>" +"<td><input type='checkbox' name='ck' ></td>" +"<td>" + v_name +"</td>" +"<td>" + v_sex +"</td>" +"<td>" + v_birth +"</td>" +"<td>" + cs + "-" + v_bcity +"</td>" +"<td><input type='button' onclick='return del(this)' value='删除'></td>" +
"</tr>");
}
}
姓名:<input type="text" id="uname"/>
性别:<select id="usex">
<option>请选择</option>
<option>男</option>
<option>女</option>
</select>
生日:<input type="text" id="birth"/>
住址:<select id="a_city">
<option value="0">北京</option>
<option value="1">河北</option>
</select>
<select id="b_city">
</select>
<button onclick="add()" class="btn01">添加</button><br /><br />
本文介绍了一个使用JavaScript实现的表单验证功能,并通过jQuery实现了动态向表格中添加行的功能。验证包括对用户名和生日字段的非空检查,若验证通过,则将表单数据以新行的形式添加到页面中的表格内。
815

被折叠的 条评论
为什么被折叠?



