gpt4 book ai didi

javascript - 如何使用php查找手机号的重复条目

转载 作者:行者123 更新时间:2023-11-27 23:23:19 25 4
gpt4 key购买 nike

我创建了具有多个表单字段的表单。根据选择,我显示和隐藏表单域。如何验证手机号重复录入。

$(document).ready(function() {
$('#hidden-div').hide();
$("#select_btn").change(function() {
toggleFields();
});

});

function toggleFields() {
var selectVal = $("#select_btn").val();
if (selectVal <= 5) {
$hiddenHtml = $('#hidden-div').clone().html();
$("#refer").html('');
for (var i = 0; i < selectVal; i++) {
$("#refer").append($hiddenHtml);
}
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<form id ="refer-form" name="refer-form" action="validate.php" method="post" >

<p>No of Referrer:
<select id="select_btn" >
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="hidden-div">
<div id="text">Referrer</div>
<p>Name:
<input type="text" name="name[]" />
</p>
<p>Mobile:
<input type="text" name="mobile[]" />
</p>
<p>Email:
<input type="text" name="email[]" />
</p>

</div>
<div id="refer">

</div>
<p align="center">
<input type="submit" value="Submit" />
</p>
</form>

例如,用户选择推荐人选项的数量是 2,然后我显示表单字段 2 次....我需要避免重复移动输入....

如果用户再次输入相同的手机号码,那么我会抛出错误“请输入有效的手机号码,没有手机号码已经输入。”

最佳答案

方法一:循环遍历所有手机号码字段,使用jquery的$.inArray函数检查是否有手机号码被占用。

请检查以下代码段。

$(document).ready(function() {
$('#hidden-div').hide();
$("#select_btn").change(function() {
toggleFields();
});

});

function toggleFields() {
var selectVal = $("#select_btn").val();
if (selectVal <= 5) {
$hiddenHtml = $('#hidden-div').clone().html();
$("#refer").html('');
for (var i = 0; i < selectVal; i++) {
$("#refer").append($hiddenHtml);
}
}
}

$("#refer-form").on('submit',function(){
var phoneNumber = [];
$("input[name='mobile[]']").each(function(){
var _phoneno = $(this).val();
if($.inArray(_phoneno,phoneNumber) === -1){
if($.trim(_phoneno)){
phoneNumber.push(_phoneno);
}
}else{
alert("Mobile number is already exist");
return false;
}
});
$.ajax({
type: "POST",
url: "validate.php",
data:$(this).serialize(),
cache: false,
success: function(data){
console.log(data);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<form id ="refer-form" name="refer-form" action="validate.php" method="post" >

<p>No of Referrer:
<select id="select_btn" >
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="hidden-div">
<div id="text">Referrer</div>
<p>Name:
<input type="text" name="name[]" />
</p>
<p>Mobile:
<input type="text" name="mobile[]" />
</p>
<p>Email:
<input type="text" name="email[]" />
</p>

</div>
<div id="refer">

</div>
<p align="center">
<input type="submit" value="Submit" />
</p>
</form>

方式2:使用.map函数获取所有手机号码,使用hasDuplicates函数检查数组是否有重复值。

$(document).ready(function() {
$('#hidden-div').hide();
$("#select_btn").change(function() {
toggleFields();
});

});

function toggleFields() {
var selectVal = $("#select_btn").val();
if (selectVal <= 5) {
$hiddenHtml = $('#hidden-div').clone().html();
$("#refer").html('');
for (var i = 0; i < selectVal; i++) {
$("#refer").append($hiddenHtml);
}
}
}

$("#refer-form").on('submit',function(){
var phoneNumber = [];
var phoneNumber = $("input[name='mobile[]']").map(function(){if($.trim($(this).val()))return $(this).val();}).get();
if(hasDuplicates(phoneNumber)){
alert("mobile number is already exist");
return false;
}else{
$.ajax({
type: "POST",
url: "validate.php",
data:$(this).serialize(),
cache: false,
success: function(data){
console.log(data);
}
});
}
});

function hasDuplicates(array) {
var valuesSoFar = Object.create(null);
for (var i = 0; i < array.length; ++i) {
var value = array[i];
if (value in valuesSoFar) {
return true;
}
valuesSoFar[value] = true;
}
return false;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<form id ="refer-form" name="refer-form" action="validate.php" method="post" >

<p>No of Referrer:
<select id="select_btn" >
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="hidden-div">
<div id="text">Referrer</div>
<p>Name:
<input type="text" name="name[]" />
</p>
<p>Mobile:
<input type="text" name="mobile[]" />
</p>
<p>Email:
<input type="text" name="email[]" />
</p>

</div>
<div id="refer">

</div>
<p align="center">
<input type="submit" value="Submit" />
</p>
</form>

关于javascript - 如何使用php查找手机号的重复条目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39891900/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com