1,105,169 Community Members

Use Javascript varible value

Member Avatar
Farhad.idrees
Junior Poster
102 posts since Dec 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

here is one form element.

<input value="-7" class="validate[required,custom[integer],min[5]] text-input" type="text" name="min" id="min" />

here is one more problem..
i wanto use my javascript varible value in above class "validate[required,custom[integer],min[5]]" here like use dynamic number where 5 is using how to do it?
Regards..

Member Avatar
Taywin
Posting Maven
2,632 posts since Apr 2010
Reputation Points: 134 [?]
Q&As Helped to Solve: 378 [?]
Skill Endorsements: 17 [?]
 
0
 

You cannot insert JavaScript right in the middle of a HTML element property, but you could access an element property to assign a value to the property. Once the element is created and added to the DOM, you then can use JavaScript to do the work. When I sad "created and added," it means when the page is loaded and/or ready. A simple way (but not very pretty) is to add JavaScript at the end of the body tag to run the modificaton. Or you could use onload in body tag to run your function once done.

<html>
<head>
  <style type="text/css">
  input.initclass {
    /* whatever initial style or leave it empty if none */
  }
  </style>
  <script type="text/javascript">
  var validate = ["class1", "class2", "class3", "class4"];
  function changeInputClasses() {
    var el = document.getElementById("min");
    // change the element property of class from "initclass" to "class4"
    if (el) { el.className = validate[3]; }
  }
  </script>
</head>

<body onload="changeInputClasses()">
 ...
 <input value="-7" class="initclass" type="text" name="min" id="min" />
 ...
 ...
</body>
</html>
You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article