2016-06-16 7 views
0

Ich habe das Formular mit Auswahlmöglichkeit erstellen. Basierend auf der Auswahl zeige und verstecke ich das Formularfeld .... Wie validiere ich die Handy-Nr. Wenn der Benutzer die gleiche Handynummer erneut eingibt, wird die Fehlermeldung ausgegeben. Wie das Mobil Vervielfältigung Eintrag findenSo finden Sie die mobile Vervielfältigung in Form mit PHP

$(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; 
 
}
<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>

Antwort

0

Sie Array in Eingangsnamen

wie diese

 <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> 
+0

werden Sie Array von Wert jedes Elements –

+0

Hallo amit zu bekommen, ich brauche eine Ausgabe wie Array ([player_name] => uma [Mobile] => 9769956198 [player_email] => ggdfhgd [reference_name] => sakthi2 [reference_mobile] => 989898598859 [reference_email] => hjgjhgjh [Stadt] => Chennai [Kurs] => BA). –

+0

wenn ich den Code ändere, wie du sagtest .... Ich habe den Array Wert ... Array ([player_name] => sakthi [mobil] => 8888888888 [player_email] => ggdfhgd [reference_name] => Array ([0 ] => [1] => sakthi1 [2] => uma1t) [referenz_mobile] => Array ([0] => [1] => 9769956199 [2] => 9769956190) [reference_email] => Array ([0 ] => [1] => gfhfh [2] => gfhfh) [Stadt] => Array ([0] => 0 [1] => Mumbai [2] => Mumbai) [Kurs] => Array ([ 0] => B.com [1] => B.com [2] => MBA)) –

0

Mit Blick auf Ihren Code verwenden müssen, werden alle Ihre Namen sind anders.

Möchten Sie sie mit Javascript oder PHP drucken?
Wenn PHP, müssen Sie eine Aktion zu Ihrem Formular hinzufügen. Wenn Sie das Formular abschicken, werden alle Werte an Ihre Aktionsdatei gesendet und Sie können sie mit $ _POST abrufen.

Stellen Sie sich vor, Ihre Datei heißt join.php. Ihr Formular wird <form method="POST" action="join.php"> sein, es wird sich auf submit aufrufen.
Und dann können Sie die Werte mit print_r($_POST);

0

erhalten Sie können ein Array verwenden, um alle Werte der Eingänge mit .mobile Klasse zu halten. Und wenn Sie ein Duplikat finden, können Sie einen Fehler zurückgeben.

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); 
    } 
    }); 
}); 
Verwandte Themen