Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 415
  • Last Modified:

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?


0
vkchaitu82
Asked:
vkchaitu82
  • 10
  • 8
1 Solution
 
vkchaitu82Author Commented:
I know the regular expression in Java script for the above example:
=
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 );
0
 
for_yanCommented:
why does it belong to Java Programming Language?
0
 
vkchaitu82Author Commented:
yan, Tried to remove Java but could not will take care next time..
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
Gurvinder Pal SinghCommented:
what is this plug-in about? give some more details
0
 
vkchaitu82Author Commented:
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...

0
 
Gurvinder Pal SinghCommented:
(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 ());
0
 
vkchaitu82Author Commented:
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
0
 
Gurvinder Pal SinghCommented:
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
0
 
vkchaitu82Author Commented:
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?
0
 
Gurvinder Pal SinghCommented:
<<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
0
 
vkchaitu82Author Commented:
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"></script>

</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)
0
 
Gurvinder Pal SinghCommented:
what does alert(validate()); gives you?

0
 
vkchaitu82Author Commented:
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)
0
 
Gurvinder Pal SinghCommented:
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
0
 
vkchaitu82Author Commented:
attached is the snipp.

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

Open in new window

<script type="text/javascript">
$(document).ready(function()  {
 validate();
});
</script>
--
extension.js

Open in new window

<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>

Open in new window

0
 
vkchaitu82Author Commented:
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
0
 
Gurvinder Pal SinghCommented:
replace extension.js by

$(document).ready(function()  {
      
    alert($(document).validate());
});


and remove script opening and closing tags from sample.js
0
 
vkchaitu82Author Commented:
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...:)
0
 
Gurvinder Pal SinghCommented:
you should make that field invoke that methoed

--
$(document).ready(function()  {
    alert($("$fieldId").validate());
});

and in sample.js

(function($){
    $.fn.validate = function() {
 
       var str = $(this).val();
       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 );
0

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

  • 10
  • 8
Tackle projects and never again get stuck behind a technical roadblock.
Join Now