Jquery表单验证

2014-11-24 01:40:10 · 作者: · 浏览: 1

1.只能输入数字

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script src="../Scripts/jquery-1.4.1.js" type="text/java script">

<script type="text/java script">

$(document).ready(function () {

$("#error").hide();

$("#Button1").click(function () {

var $val = $("#Text1").val();

var code;

for (var i = 0; i < $val.length; i++) {

//charAt()获取指定位置字符串,charCodeAt()返回该字符串的编码

//0的ASCII是48,9的ASCII是57

var code = $val.charAt(i).charCodeAt(0);

if (code < 48 || code > 57) {

$("#error").show();

break;

}

else {

$("#error").hide();

}

}

});

});

Name:Please enter numeric

2.检查复选框是否被选中

<script src="../Scripts/jquery-1.4.1.js" type="text/java script">

<script type="text/java script">

$(document).ready(function () {

$("#error").hide();

$("#Button1").click(function () {

var $val = '';

var count = $('input:checkbox:checked').length;

if (count == 0) {

$("#error").show();

}

else {

$("#error").hide();

$("input:checkbox").each(function () {

if ($(this).is(':checked')) {

$val += $(this).val();

}

})

alert($val);

}

});

});

Hotdogs $2

Chocolate $5

Cake $3

Ice Crime $4

Please select checkbox as least