benjaminbih
Mitglied
Hallo ich habe hier ein Script gefunden welches per Javascript neu Eingabefelder hinzufügt.
Jetzt möchte ich noch die Eingabe auf Deteiendung überprüfen.
Jedoch funktioniert es so nicht.
Hat jemand abhilfe, den ich habe mit JS sehr sehr wenig erfahrung.
Jetzt möchte ich noch die Eingabe auf Deteiendung überprüfen.
Jedoch funktioniert es so nicht.
Hat jemand abhilfe, den ich habe mit JS sehr sehr wenig erfahrung.
HTML:
<html>
<head>
<title>multiple file upload php</title>
<script type="text/javascript">
function add_file_field(){
var container=document.getElementById('file_container');
var file_field=document.createElement('input');
file_field.name='images[]';
file_field.type='file';
file_field.id='images';
container.appendChild(file_field);
var br_field=document.createElement('br');
container.appendChild(br_field);
}
function validatefile(){
var myform=document.mutiple_file_upload_form; //reference to form
var file_field_value=myform.images.value; //access form value with dom model
var error="";
if(file_field_value==''){
error+="Please Select A file.\n";
}
var allowed_extensions=/(jpg|jpeg|bmp|giff|doc|docx|pdf)$/; //check for allowed extension it is simple regular expression
if(!file_field_value.match(allowed_extensions)){
error+="Please select only jpeg or jpg or bmp or giff or doc or pdf .";
}
if(error!=''){ //check for any errors
alert(error); //if error alert error
return false; //return to form don't submit to action page
}
return true; // every thing going fine return true allow form to submit the data.
}
</script>
</head>
<body>
<form action="takeupload.php" method="post" enctype="multipart/form-data" name="mutiple_file_upload_form" id="mutiple_file_upload_form onSubmit="return validatefile();">
<h1>Advanced Multiple File Upload Script Example</h1><div id="file_container">
<input name="images[]" type="file" id="images[]" />
<br />
</div>
<a href="javascript:void(0);" onClick="add_file_field();">Add another</a><br />
<input type="submit" name="Submit" value="Submit" />
</form>
</body>
</html>