Question

我创建了带有选择选项的表单。基于选择我显示和隐藏表单字段....如何验证移动号码。如果用户再次输入相同的移动设备，则抛出错误消息。如何查找移动复制条目

＆＃13;

$(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);
    }
  }
}

function InvalidMsg(textbox) {

     if(textbox.validity.patternMismatch){
        textbox.setCustomValidity('please enter valid mobile number');
    }    
    else {
        textbox.setCustomValidity('');
    }
    return true;
}

＆＃13;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<html>
<head>
<title> Demo </title>
<meta name="robots" content="noindex, nofollow" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form id ="refer-form" name="refer-form"   method="post" >
 
  <p>No of Referrer:
    <select id="select_btn" onchange="toggleFields();">
      <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[]" class="name"/>
      </p>
      <p>Mobile:
        <input type="text" name="mobile[]" class="mobile" oninvalid="InvalidMsg(this);" />
      </p>
      <p>Email:
        <input type="text" name="email[]" />
      </p>
      
    </div>
    <div id="refer">

    </div>
    <p align="center">
      <input type="submit" value="Submit" />
    </p>
</form>

＆＃13;

Answer 1

你必须在输入名称中使用数组

像这样

      <p>Name:
        <input type="text" name="reference_name[]" />
      </p>
      <p>Mobile:
        <input type="text" name="reference_mobile[]" />
      </p>
      <p>Email:
        <input type="text" name="reference_email[]" />
      </p>

Answer 2

查看您的代码，您的所有名字都不同。

你想用javascript或php打印它们吗？如果是php，则需要向表单添加操作。提交表单时，所有值都将发送到您的操作文件，您将能够使用$ _POST获取它们。

因此，假设您的文件名为join.php。你的表格将是 Html msg，它会在提交时自行调用。
然后，您将能够使用<form method="POST" action="join.php">

来获取值

Answer 3

您可以使用数组来保存输入.mobile类的所有值。如果您发现重复，则可以返回错误。

<强> Demo

$("#refer-form").on('submit', function(e){
  e.preventDefault();
  mobnos = new Array();
  $(".mobile").each(function() {
    $(this).removeClass('duplicate');
    val = $(this).val();
    if($.inArray(val, mobnos) > 0){
      $(this).addClass('duplicate');   
    } else {
     mobnos.push(val);
    }
  });
});

如何使用php找到表单中的移动复制

3 个答案: