当前位置:Gxlcms > JavaScript > Jquery练习之表单验证实现代码_jquery

Jquery练习之表单验证实现代码_jquery

时间:2021-07-01 10:21:17 帮助过:5人阅读

Jquery练习表单验证
代码如下:






Jquery代码
代码如下:

$(document).ready(
function() {
$("#myform").submit(function(){
var username=$("#name").val();
var age=$("#age").val();
var sex=$("input[name ='sex'][checked]").val();
var address=$("#add option[selected]").val();
var size=$("input[name='checkbox'][checked]").size();

var favouriteArray=Array(size);
$("input[name='checkbox'][checked]").each(function(index,docEl){
favouriteArray[index]=$(this).val();// or docEl.value
});
if(username=="")
{
alert("性名不能为空!");
$("#name").focus();
return false;
}
if(age=="")
{
alert("年龄不能为空");
$("#age").focus();
return false;
}
if(size==0)
{
alert("您还没有选择爱好哦!");
$("input[name='checkbox']").get(0).focus();
return false;
}
for(var i=0;ialert(favouriteArray[i]);
}
alert('提交成功!');
});

});

人气教程排行