您的位置:首页 > Web前端 > JavaScript

常用js脚本 AJAX 手机号验证 限制checkbox 勾选个数 利用AJAX 做电话号码验证

2014-08-08 10:36 465 查看
<script type="text/javascript">

function checkSubmitMobil() {
$("#moileMsg").html("");
if ($("#mobil").val() == "") {
$("#moileMsg").html("<font color='red'>手机号码不能为空。</font>");
$("#mobil").focus();
return false;
}
var reg = /^1[358]\d{9}$/gi;
if (!reg.test($("#mobil").val())) {
$("#moileMsg").html("<font color='red'>手机号码格式不正确,请重新输入。</font>");
$("#mobil").focus();
return false;
}
check();
return true;
}

//限制check box 勾选个数,需要限制的checkbox 的name为 'q6[]'

 function limit() {
var ip = $("input[name='q6[]']");
var checkedcount = 0
for (var i = 0; i < ip.length; i++) {
checkedcount += (ip[i].checked) ? 1 : 0;
if (checkedcount > 3) {
ip[i].checked = false;
alert("最多只能选三个。");
return;
}
}
event.stopPropagation();
}

// 根据radio  改变相对应的文字
function h1() {
$('#q3text').html("您就 在的年级)");
$('#q4text').html("您 选)");
}

function h2() {
$('#q3text').html("您孩 在的年级)");
$('#q4text').html("您孩 多选)");
}

//创建AJAX 对象

 function createxhr() {
try {
return new XMLHttpRequest();
} catch (e) {
}
try {
return new ActiveXObject('Microsoft.XMLHTTP');
} catch (e) {
}
alert('您的浏览器不支持AJAX,请更换浏览器!');
}

//利用AJAX 做电话号码验证
 function check() {
var xhr = createxhr();
var data = "mobile="+$('#mobil').val();
xhr.open('post', 'scr/check.php');
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
if (xhr.responseText == 1) {
alert('该电话号码已参加过调查。谢谢。');
return false;
}else{
return true;
}
}
}
xhr.send(data);
}

</script>

//check.php 源代码

$mobile = $_POST['mobile'];
$conn = mysql_connect('1x','scr','xh');
mysql_select_db('xxx');
mysql_query('set names utf8',$conn);

$sql = "select id,mobile from research where mobile = '$mobile'";
$result = mysql_query($sql);
$row = mysql_fetch_row($result);
mysql_close($conn);
if(!$row){
    echo 0;
}else{
    echo 1;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  AJAX 电话号码
相关文章推荐