|
JavaScript - Image Extension Validation?
I have a piece of code for adding categories to a shopping site, which was working fine but now doesn't submit after I made changes to try to validate the type image chosen for that category. I'll post the original and then changed code, anyone think they can see why it's not running?
Code: function checkCategoryForm()
{
with (window.document.frmCategory) {
if (isEmpty(catName, 'Enter category name')) {
return;
} else if (isEmpty(catDescription, 'Enter category description')) {
return;
} else {
submit();
}
}
}
Code: function getFileExtension(filename)
{
var ext = /^.+\.([^.]+)$/.exec(filename);
return ext == null ? "" : ext[1];
}
function checkCategoryForm()
{
with (window.document.frmCategory) {
if (isEmpty(catName, 'Enter category name')) {
return;
} else if (isEmpty(catDescription, 'Enter category description')) {
return;
} else {
if (getFileExtension(fileImage) = '.jpg' || '.jpeg' || '.png' || '.gif' ){
submit();
} else {
alert("Enter this image format is not allowed, only .jpg, .png or .gif");
return;
}
}
}
}
Thanks! Similar TutorialsHello Everyone, I need to add some sort of validation that will only allow users to upload .jpg files. I really need to add this to an existing script I've already written. I've seen scripts and tutorials that add the jpg validation but only incorporate the image field of the form. I need the script to validate several forms in the field, not just one. When I try to add validation for the jpg field to the follow script everything stops working. Can someone please point me in the right direction? Thanks! Code: <form id="uploadForm" method=post class="upload" action=submit_script.php enctype='multipart/form-data' onsubmit="return validate_form(this)"> <p><b>First Name</b><br/> <INPUT TYPE="TEXT" NAME="name_first" size="40"></p> <p><b>Last Name</b><br/> <INPUT TYPE="TEXT" NAME="name_last" size="40"></p> <p><b>School Name</b><br/> <INPUT TYPE="TEXT" NAME="name_school" size="40"></p> <p><b>Your School E-Mail</b><font class="super">1</font><br/> <INPUT TYPE="TEXT" NAME="school_email" size="40"></p> <p><b>Your File</b><font class="super">4,5</font><br/> <input id="userfile1" name="userfile1" type="file" size="30"></p> <p><input name="upload" type="submit" class="box" id="upload" value="Submit Your Poster" onClick="YAHOO.example.container.wait.show();"></p> </form> Code: function validate_required_field(field,alertText) {
with (field) {
if (value==null||value=="") {
YAHOO.example.container.wait.hide();
alert(alertText);
return false;
}
else {
return true;
}
}
}
function validate_email(field,alertText)
{
with (field) {
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2) {
YAHOO.example.container.wait.hide();
alert(alertText);
return false;
}
else {
return true;
}
}
}
function validate_form(thisform) {
with (thisform) {
if (validate_required_field(name_first,"Please enter a value in the 'First Name' field before continuing")==false) {
name_first.focus();
return false
}
}
with (thisform) {
if (validate_required_field(name_last,"Please enter a value in the 'Last Name' field before continuing")==false) {
name_last.focus();
return false
}
}
with (thisform) {
if (validate_required_field(name_school,"Please enter a value in the 'School Name' field before continuing")==false) {
name_school.focus();
return false
}
}
with (thisform) {
if (validate_required_field(school_email,"Please enter a value in the 'School Email' field before continuing")==false) {
school_email.focus();
return false
}
}
with (thisform) {
if (validate_email(school_email,"Please enter a valid email address before continuing")==false) {
school_email.focus();
return false
}
}
}
First off I apologize If this is in the wrong section of this forum. So I got this concept that I think Is pretty cool. I dont know If there's anything like It out there, If there is, let me know. This is the concept: You click the icon and down pops a map in which there's a circle (like this: imgur: the simple image sharer) You can resize the circle and move it around. Underneath the map there's a box where you can type your search. Let's say you search for "puppies" in Brooklyn, New York The idea is that It'll scan all the coordinates inside the circle and search for photos in google images containing those coordinates in the GPS info (EXIF).This can be useful If you for example wants to search for photos taken in your city, or even in your neighborhood. I can see many uses for this. The thing is, I don't know any programming languages so I can't do this myself. I don't even know where to start. I'm looking for a kind soul to help me with this, I don't have any money so I'm not looking to pay anyone to do this for me. I just want some help getting started, or if someone would be kind enough to do It for free. (Though that Is very unlikely.) Thanks in advance! Sorry for my bad english, it is not my native language. Reply With Quote 01-30-2015, 04:24 PM #2 Philip M View Profile View Forum Posts Supreme Master coder! Join Date Jun 2002 Location London, England Posts 18,371 Thanks 204 Thanked 2,573 Times in 2,551 Posts Hope springs eternal in the human breast. – Alexander Pope, An Essay on Man You might as well say that you want to write a novel in French, but do not know anything about that language. The mounds of RegExp data will take me days to sift through can someone help me create a regular expression to find a file extension? (all characters after a period) I have already gotten this far: .+\. to find everything before and including the period; and I was hoping to integrate the caret to say everything but .+\. But I just can't get it to work... Note: I will be writing a file to the server with JScript ASP. The file name will be passed to the script that writes the file, and I want to make sure that in addition to removing any possible code from the line being written, that I also prevent an executable file from being created. I will be searching for certain extensions and returning if anything else is found. Hello. I have used the Firefox extension Linky for a very long time, it is one of my most used extensions bar none. However, one of the most attractive features of it broke somewhere in the updating from Firefox 3-4, as far as i know. I didn't find out about it until recently, due to never bothering to update past Firefox 3 until just a little while ago. This feature was the 'Select already visited links' option, which also works in reverse, letting you unselect all links to pages you've already visited. (Or rather, have listed in your browser history) Now, i am a complete noob when it comes to JavaScript, and i have very little knowledge about this type of programming, so i have no chance to fix this myself. This, is the reason i came here. I hope someone will be able to take a quick look at this code, and maybe tell me how to fix it, or make a workaround, or something. I really want to get it working again. I am almost certain that the problem lies in this section of the code: Code: LinkySelect.prototype.checkVisited = function() {
var gGlobalHistory = opener.Components.classes["@mozilla.org/browser/global-history;1"].getService(Components.interfaces.nsIGlobalHistory);
var cbox = this.getChecked(document.getElementById("cvbox"));
var selectlinks = document.getElementById("selectlinks");
var last = selectlinks.getRowCount();
for (var i = 0; i < last; i++) {
var tmp = selectlinks.getItemAtIndex(i);
if (gGlobalHistory.isVisited(tmp.getAttribute("value"))) {
tmp.setAttribute("checked", this.setChecked(cbox));
}
}
this.updateInfo();
}
Also, the Error Console reports this; Code: Error: opener.Components.classes['@mozilla.org/browser/global-history;1'] is undefined Source File: chrome://linky/content/select-links.js Line: 28 I hope that will tell someone something. I almost feels like it tells me something, but it's been years and years since i last tried to study this type of programming. Any help with this is appreciated. Thanks in advance for your time. Hi, I'm creating an extension on Firefox that wishes to parse the source of a page that the user is currently viewing for specific information. I've gotten as far as creating a simple extension with a button and when I click on it, it will show the url of the page I am currently viewing through: content.location.href All the examples I've seen so far concerning viewing the source forces you to either use the 'view-source:' convention or the 'xmlhttprequest' method. But these examples seems to be meant to be called within a web page and not an extension. When I cut and paste with these examples, I only get the source for the actual chrome portion of Firefox. I've tried modifying some of the examples to include 'content.document....etc' to reference what's being displayed in the browser, but it doesn't seem to work. Can anyone provide sample or reference code so I can extract the page source of my current window from an extension? Thanks! I want to download text file generated in a textarea here my download.php file code structure goes : <?php if(empty($_POST['filename']) || empty($_POST['content'])){ exit; } $filename = preg_replace('/[^a-z0-9\-\_\.]/i','',$_POST['filename']); header("Cache-Control: "); header("Content-type: text/plain"); header('Content-Disposition: attachment; filename="'.$filename.'"'); echo $_POST['content']; ?> and the javascript used (function($){ $.generateFile = function(options){ options = options || {}; if(!options.script || !options.filename || !options.content){ throw new Error("Please enter all the required config options!"); } var iframe = $('<iframe>',{ width:1, height:1, frameborder:0, css:{ display:'none' } }).appendTo('body'); and the script.js $(document).ready(function(){ $('#download').click(function(e){ $.generateFile({ filename : 'export.txt', content : $('textarea').val(), script : 'download.php' }); e.preventDefault(); }); by these assets i created a web page consisting a TEXTAREA , by entering some text on the textarea and clicking on the download button , a text files is generated and downloaded on the user's system, I packed the source code as a CRX file to use it as a CHROME extension, but while using the extension,the files are'nt generated, while the webpage works absolutely fine !!! Hello. I have used the Firefox extension Linky for a very long time, it is one of my most used extensions bar none. However, one of the most attractive features of it broke somewhere in the updating from Firefox 3-4, as far as i know. I didn't find out about it until recently, due to never bothering to update past Firefox 3 until just a little while ago. industrial clay This feature was the 'Select already visited links' option, which also works in reverse, letting you unselect all links to pages you've already visited. (Or rather, have listed in your browser history) Now, i am a complete noob when it comes to JavaScript, and i have very little knowledge about this type of programming, so i have no chance to fix this myself. This, is the reason i came here. I hope someone will be able to take a quick look at this code, and maybe tell me how to fix it, or make a workaround, or something. I really want to get it working again. I am almost certain that the problem lies in this section of the code: Code: LinkySelect.prototype.checkVisited = function() { var gGlobalHistory = opener.Components.classes["@mozilla.org/browser/global-history;1"].getService(Components.interfaces.nsIGlobalHistory); var cbox = this.getChecked(document.getElementById("cvbox")); var selectlinks = document.getElementById("selectlinks"); var last = selectlinks.getRowCount(); for (var i = 0; i < last; i++) { var tmp = selectlinks.getItemAtIndex(i); if (gGlobalHistory.isVisited(tmp.getAttribute("value"))) { tmp.setAttribute("checked", this.setChecked(cbox)); } } this.updateInfo(); } Also, the Error Console reports this; Code: Error: opener.Components.classes['@mozilla.org/browser/global-history;1'] is undefined Source File: chrome://linky/content/select-links.js Line: 28 I hope that will tell someone something. I almost feels like it tells me something, but it's been years and years since i last tried to study this type of programming. Any help with this is appreciated. Thanks in advance for your time. Hi, I am kinda new to java scripting and here is what i am trying to do. I have a folder "A" with 10 files, all with .txt extensions in it. I want a java script to open all the 10 files in the folder "A" and change the extensions to .js and save it in a folder "B". Can some one help. Thanks a lot in advance. Hi All, I have written a chrome extension which will redirect to all hrefs for a given source urls in current tab.. But i don't know why all of a sudden it stops executing after reaching some page. I am attaching my code as attachment. Can any one help me out. Thanks in advance. Hey all. I have a simple validation I need to do. I need to just make sure that a Checkbox is checked, and that a Text field has content. Sounds simple but I cannot find any thing that has a check and a text field. Here what I have. Can I modify this script to do this? A Checkbox MUST be checked and Text field MUST be filled out. This currently does the text field fine, but no Checkbox obviously. How can I add a checkbox validation to this? Thats it. Any help is appreciated. Code: <script type="text/javascript">
var textFields = ["digsig"];
function validateForm( )
{
var oops = ""; // must initialize this!
var form = document.sig;
for ( var t = 0; t < textFields.length; ++t )
{
var field = form[textFields[t]];
var value = field.value.replace(/^\s+/,"").replace(/\s+$/,""); // trim the input
if ( value.length < 1 )
{
oops += "You MUST enter your Digital Signature";
}
}
if ( oops != "" )
{
alert("ERROR:" + oops);
return false;
}
}
}
</script>
Hello all, new here Seems like a very nice place to be apart of. I have my website www.gebcn.com. If you view source you will see all that I have done, but more importantly my problem. I have the JS code at the top there and I am unable to W3C validate my HTML because of the JS. I am using XHTML strict and would like to stay using it. The JS I have at the top is my form validation code. I am able to do any validating that I need with this "snippet" of code, I have shrank it from my library version just to use for this newsletter. Until now W3C validating was not important now for some reason it is and I am faced with this problem. I am not a Javascript guy more of a HTML/CSS guy and I can manipulate JS to suit my needs. <problem> I have tried to make this "snippet" of JS code an external file but receive multiple errors with the JS calling for the FORM NAME as it is not on the same page. The form NAME=NEWSLETTER is another problem, as W3C says I am unable to use attribute "NAME" in this location. <problem> I would like to keep the JS close to how it is now as I have a library to use this JS over and over again. Any pointers in the right direction or solutions to my problem would be greatly appreciated. Thanks! Hopefully it is not to hard huh If there is anything anyone needs, the code pasted here, or anything else please let me know. Thanks again! i have image button i need to display image .if the size of the image button is 100*100 and image size is 50*50 .the remaining space of the image button should be empty.the image should not stretch. can any one guide me i am new to programming Thanks in advance!!! Hi All, I have a java script invoked within an ANT template. This java script as of now converts a text file to xml file. Now, how would I do the schema validation of that XML file against an XSD in the javascript? Saw many examples online but they were using MSXML or java classes Would be glad to have any sort of suggestions.. Thanks Hello to everyone i need to validate a form Based on radio buttons and text box my code so far Code: <html>
<head>
<title>My Page</title>
<script type="text/javascript">
function validate(thisform) {
document.getElementByName("bank");//text box
// validate myradiobuttons
radio = -1;
for (i=thisform.day.length-1; i > -1; i--) {
if (thisform.day[i].checked) {
radio = i; i = -1;
}
}
if (radio == -1) {
alert("You must select all values for the clock !");
return false;
}
else
{
return true;
}
}
//bank code validation
if (document.getElementByName("bank").value.length>=6) {
return true;
}
else
{
alert("you must input maximum 6 digit (123456) !");
return false;
}
}
</script>
</head>
<body>
<form action="form-output.php" method="post" id="form">
<input type="radio" name="day" value="f" onclick="dayofweek(this)" /> Sunday (default)
<input type="radio" name="day" value="s" onclick="dayofweek(this)" /> Sun </p>
<input type="radio" name="month" value="a" onclick="dateformat(this)" /> 28th March 2010 (default)
<input type="radio" name="month" value="b" onclick="dateformat(this)" /> 28 March 2010
<input type="radio" name="month" value="c" onclick="dateformat(this)" /> 28th Mar 2010
<input type="radio" name="month" value="d" onclick="dateformat(this)" /> 28 Mar 2010
<input type="radio" name="month" value="e" onclick="dateformat(this)" /> 28/03/2010
<input type="radio" name="month" value="f" onclick="dateformat(this)" /> 28th March 10
<input type="radio" name="month" value="g" onclick="dateformat(this)" /> 28 March 10
<input type="radio" name="month" value="h" onclick="dateformat(this)" /> 28th Mar 10 <br/>
<input type="radio" name="month" value="i" onclick="dateformat(this)" /> 28 Mar 10
<input type="radio" name="month" value="j" onclick="dateformat(this)" /> 28/03/10
<input type="radio" name="month" value="k" onclick="dateformat(this)" /> 28th March
<input type="radio" name="month" value="l" onclick="dateformat(this)" /> 28 March
<input type="radio" name="month" value="m" onclick="dateformat(this)" /> 28th Mar
<input type="radio" name="month" value="o" onclick="dateformat(this)" /> 28 Mar
<input type="radio" name="month" value="p" onclick="dateformat(this)" /> 28/03 </p>
<input type="radio" name="time" value="a" onclick="timeformat(this)" /> 5:28:12 am (Default)
<input type="radio" name="time" value="b" onclick="timeformat(this)" /> 5:28 am
<input type="radio" name="time" value="c" onclick="timeformat(this)" /> 5:28:12
<input type="radio" name="time" value="d" onclick="timeformat(this)" /> 5:28
<input type="radio" name="time" value="e" onclick="timeformat(this)" /> 17:28:12
<input type="radio" name="time" value="f" onclick="timeformat(this)" /> 17:28 </p>
Input a short Bank Code
<input type="text" name="bank" size="10" onblur="JavaScript:alert('You must insert a Bank Code')" /></br>
<input type="submit" name="submit" onclick="validate(form);return false;" value="Submit" />
<input type="reset" name="reset" value="reset" />
</form>
</body>
</html>
i need on submit to validate if user select values from 3 radio groups and insert the proper data to text box. if not i want to return the proper alerts in text box also i want when lose focus to validate so i put this Code: onblur="JavaScript:alert('You must insert a Bank Code')"
it's ok? Thanks in Advance I keep getting validation errors for using && as and. I've read to put "&" in place of it, but whenever I do this, the code stops working. I've tried seperate parenths, and still confused. anyone help to make this work and validate at the same time? if (first=="" && last=="") first = last = "Unknown"; if (first == '') document.writeln(last); else if (last == '') document.writeln(first); else document.writeln (last + ", " + first); |
|||||||