text alanında boşluk bırakmayı engellemek

10-09-2016, 13:48:08

#1

mustafaaydin

merhaba input text alanında boşluklu veri girilmesini nasıl engelleyebilirim.

11-09-2016, 16:45:15

<!DOCTYPE html>
<html>
<head>
	<title>Form Dogrulama Testi</title>
	<script src="jquery-3.1.0.js"></script>
</head>
<body>
	<form id="form1" action="hedef.html">
		Veri (bosluk girmeyin): 
		<input type="text" id = "metin1" value="">
		<input type="submit" id = "gonder1" value="Gonder">
	</form>

	<script type="text/javascript">
		$("#form1").submit(function(event) {
			x = $("#metin1").val();	
			if (x == null || x == "" || x.indexOf(" ") != -1){			
	 		alert("Veri bosluk icermemelidir!");
	 		event.preventDefault();
	 		}
		});
	</script>
</body>
</html>