JQuery Submit form

Door Danny von Gaal op 05-07-2016 11:39 gewijzigd op 05-07-2016 11:39

2.581 views

Ik wil een formulier submitten met Jquery maar wat moet ik dan in het actionveld van het formulier plaatsen?
Zoals ik het nu heb werkt het niet. Mijn Jquery wordt niet geactiveerd. Ik heb dan ook wel geen submit button. Maakt dat uit?

Formulier:


<form name="form-edit-cp" id="form-edit-cp" action="#">
<input name="form-edit-cp-input" id="form-edit-cp-input" type="text" size="14" maxlength="15" value="<?php echo $row["cp"];?>">
<input name="form-edit-cp-hidden-id" id="form-edit-cp-hidden-id" type="hidden" value="<?php echo $row["id"];?>">
<input name="form-edit-cp-hidden-url" type="hidden" value="<?php echo $_SESSION['huidige-pagina']; ?>">
</form>

Jquery:


<script>
$(document).ready(function(){
	// 	Wijzig Challenge Phrase
	$( "#form-edit-cp" ).submit(function( event ) {
		e.preventDefault();
		var ChangedCP = $('#form-edit-cp-input').val();
		var IDofChangedCP = $('#form-edit-cp-hidden-id').val();
		$.post("scripts/wijzigacties.php", {cpinput: ChangedCP, cpid: IDofChangedCP}, function(data) {
			alert( "Data Loaded: " + data );
		});
	});
});
</script>

Danny von Gaal

05-07-2016 16:53

Nee, het is een popup met database gegevens.
Bijv:

Naam: {naam uit database} {icon}
Type: {type uit database} {icon}
Content: {content uit database} {icon}
Opmerking: {opmerking uit database} {icon}

Met achter elke waarde uit de database een icoon. Wanneer je op het icoon klikt dan veranderd de betreffende gegeven uit de database in een input veld. Elke waarde krijgt dan een eigen formulier met een input veld. Als je daar dan iets in aanpast en op enter drukt dan moet de nieuwe waarde te zien zijn.

Ik heb het ondertussen al voor elkaar alleen veranderd het input veld nog niet terug in de nieuwe waarde. Maar daar kijk ik morgen verder naar. De waarde zelf wordt wel al aangepast in de database.


$(document).ready(function(){
	// 	Wijzig Challenge Phrase
	$( "#form-edit-cp" ).submit(function(e) {
		e.preventDefault();
		var ChangedCP = $('#form-edit-cp-input').val();
		var IDofChangedCP = $('#form-edit-cp-hidden-id').val();
		$.ajax({
			type: "POST",
			url: "scripts/wijzigacties.php",
			data: {cpinput: ChangedCP, cpid: IDofChangedCP},
			success: function(data){
				$("#changecp").hide();
			}
		});
	});
});


<tr>
				<td class="titel">Challenge Phrase:</td>
				<td class="waarde" id="mocp"><?php if (empty($row["cp"])) { echo "Niet ingevuld"; } else { echo $row["cp"]; } ?> <a href="#"><i class="fa fa-paperclip" aria-hidden="true"></i></a>
				<a href="#" id="editcp"><img src="images/jquery/icons_los/edit.png" class="imgeditcp"/></a></td>
				<td class="waarde" id="changecp">
					<form name="form-edit-cp" id="form-edit-cp">
						<input name="form-edit-cp-input" id="form-edit-cp-input" type="text" size="14" maxlength="15" value="<?php echo $row["cp"];?>">
						<input name="form-edit-cp-hidden-id" id="form-edit-cp-hidden-id" type="hidden" value="<?php echo $row["id"];?>">
						<input name="form-edit-cp-hidden-url" type="hidden" value="<?php echo $_SESSION['huidige-pagina']; ?>">
					</form>
				</td>
			</tr>

Reageren

Inloggen om te reageren