sigma19
asked on
jquery plug in.
I am trying to create a j-query plug in for my program in javascript, how do I use it?
==
I want to do a validation for example of Java script (SSN Validation)
var RE_SSN = /^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
How can I write a Jquery plug in?
==
I want to do a validation for example of Java script (SSN Validation)
var RE_SSN = /^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
How can I write a Jquery plug in?
why does it belong to Java Programming Language?
ASKER
yan, Tried to remove Java but could not will take care next time..
what is this plug-in about? give some more details
ASKER
Thanks Gurvinder.
I am trying to understand and use customized JQuery plugins.
so that I can avoid the repetition of code in my Java Script.
==
so for example if I want to use the regular expression for SSN Valodation, I used to use the function:
var RE_SSN = /^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
function checkvaluessn(ssn)
{
if(RE_SSN(ssn)
alert("VALID");
}
I want to write this as the plug in so that I can just use the plugin.
also please let me know how I can use plug...
I am trying to understand and use customized JQuery plugins.
so that I can avoid the repetition of code in my Java Script.
==
so for example if I want to use the regular expression for SSN Valodation, I used to use the function:
var RE_SSN = /^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
function checkvaluessn(ssn)
{
if(RE_SSN(ssn)
alert("VALID");
}
I want to write this as the plug in so that I can just use the plugin.
also please let me know how I can use plug...
(function( $ ){
$.fn.validate = function() {
var str = this;
var re = new RegExp("^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$", "g");
var myArray = str.match(re);
if ( myArray != null)
{
return true;
}
return false;
};
})( jQuery );
var inputStr = "anyString";
alert(inputStr.validate ());
$.fn.validate = function() {
var str = this;
var re = new RegExp("^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$", "g");
var myArray = str.match(re);
if ( myArray != null)
{
return true;
}
return false;
};
})( jQuery );
var inputStr = "anyString";
alert(inputStr.validate ());
ASKER
As I mentioned I tried this but having issues...while using across files.
Can you tell me how I can have this plug in across my Javascript files
Can you tell me how I can have this plug in across my Javascript files
you just need to put this code in one javascript file and include that file in your HTML using script tag, then it will be available across the javascript files also
ASKER
Thanks for answering and clarifying me..my last question is :
Can you give me a example of using the plug in in Java Script and browser..As we are using Jquery should be do any declarations?
Can you give me a example of using the plug in in Java Script and browser..As we are using Jquery should be do any declarations?
<<As we are using Jquery should be do any declarations?>>
you just need to include jquery library in your HTML using script tag
<<Can you give me a example of using the plug in in Java Script and browser>>
check this
http://www.authenticsociety.com/blog/jQueryPluginTutorial_Beginner
http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial
you just need to include jquery library in your HTML using script tag
<<Can you give me a example of using the plug in in Java Script and browser>>
check this
http://www.authenticsociety.com/blog/jQueryPluginTutorial_Beginner
http://www.queness.com/post/112/a-really-simple-jquery-plugin-tutorial
ASKER
Can you pl correct me what is that I am missing..
I am trying to use the Jquery plug in.
==
main html page:
<html>
<head>
<title>Checker</title>
<head>
</head>
<body>
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script>
<script type ="text/javascript" src="sample.js"></script>
<script type ="text/javascript" src="extension.js"></scrip t>
</body>
</html>
===
extensions.js
<script type="text/javascript">
$(document).ready(function () {
validate();
});
</script>
===
sample.js
<script>
(function($){
$.fn.validate = function() {
var str = '12345';
var re = new RegExp("^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$", "g");
var myArray = str.match(re);
if ( myArray != null)
{
return true;
}
return false;
};
})( jQuery );
</script>
==
I am having issues in making this work..
I am trying to use jquery custom API in html..(Looks I am missing some thing basic)
I am trying to use the Jquery plug in.
==
main html page:
<html>
<head>
<title>Checker</title>
<head>
</head>
<body>
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script>
<script type ="text/javascript" src="sample.js"></script>
<script type ="text/javascript" src="extension.js"></scrip
</body>
</html>
===
extensions.js
<script type="text/javascript">
$(document).ready(function
validate();
});
</script>
===
sample.js
<script>
(function($){
$.fn.validate = function() {
var str = '12345';
var re = new RegExp("^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$", "g");
var myArray = str.match(re);
if ( myArray != null)
{
return true;
}
return false;
};
})( jQuery );
</script>
==
I am having issues in making this work..
I am trying to use jquery custom API in html..(Looks I am missing some thing basic)
what does alert(validate()); gives you?
ASKER
Thanks again.
I am getting these errors in firefox:
==
missing } in XML expression
sample.js
Line 15
missing } in XML expression
extension.js
Line 3
with out trying alert(validate)
I am getting these errors in firefox:
==
missing } in XML expression
sample.js
Line 15
missing } in XML expression
extension.js
Line 3
with out trying alert(validate)
Is it possible for your add the code properly using 'Code' tab below, and then point to the correct line in that code? Or even better, please share the live internet link for the same
ASKER
attached is the snipp.
I dont have livelink
missing } in XML expression
sample.js
Line 15
==
missing } in XML expression
extension.js
Line 3
I dont have livelink
missing } in XML expression
sample.js
Line 15
==
missing } in XML expression
extension.js
Line 3
<script>
(function($){
$.fn.validate = function() {
var str = '12345';
var re = new RegExp("^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$", "g");
var myArray = str.match(re);
if ( myArray != null)
{
return true;
}
return false;
};
})( jQuery );
</script>
--
sample.js
<script type="text/javascript">
$(document).ready(function() {
validate();
});
</script>
--
extension.js
<html>
<head>
<title>Checker</title>
<head>
</head>
<body>
<script src ="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script>
<script type ="text/javascript" src="sample.js"></script>
<script type ="text/javascript" src="extension.js"></script>
</body>
</html>
ASKER
Actually I want to have a form in that give the value and get that validated..as I could not achieve that I hard coded the values
replace extension.js by
$(document).ready(function () {
alert($(document).validate ());
});
and remove script opening and closing tags from sample.js
$(document).ready(function
alert($(document).validate
});
and remove script opening and closing tags from sample.js
ASKER
Thank you that resolved the issue.
before I close .. my last question:
Can you please let me know the syntex for case:
when I want to get some data from Form and validate?
I am looking for syntax for:
how can I give data to validate..and get that data assigned to a variable...
--
$(document).ready(function () {
alert($(document).validate ());
});
Thanks again...:)
before I close .. my last question:
Can you please let me know the syntex for case:
when I want to get some data from Form and validate?
I am looking for syntax for:
how can I give data to validate..and get that data assigned to a variable...
--
$(document).ready(function
alert($(document).validate
});
Thanks again...:)
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
=
Can this is what I came up with...but can you pl let me know more detail how I can make it as a plug in
(function( $ ){
$.fn.validate = function() {
/^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
});
return max;
};
})( jQuery );