there slider range 1 10 , if user puts in on ranges 8 10, there should alertbox concerning ranges when clicked on submit button. i've tried no luck. here codes
javascript
function showvalue1(newvalue) { document.getelementbyid("range1").innerhtml=newvalue; } $('submit1').submit(function () { if (newvalue > 8 && newvalue <10) { alert('test'); return false; } }); html
<div id="assess"> <div class="container"> <span id="range1">0</span> <p class="mild">no pain</p> <input name="pain" id="s1" type="range" min="0" max="10" value="0" step="1" oninput="showvalue1(this.value)" /> <p class="extreme"><span class="adjust">worst possible pain</span></p> </div> <input id="submit1"type="submit" name="submit"value="submit"></input></p>
here code of html , js:
<html> <head> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="js.js"></script> </head> <body> <div id="assess"> <div class="container"> <span id="range1">0</span> <p class="mild">no pain</p> <input name="pain" id="s1" type="range" min="0" max="10" value="0" step="1" onchange="showvalue1(this.value)" /> <p class="extreme"> <span class="adjust">worst possible pain</span> </p> </div> <input id="submit1" type="submit" value="submit"></input> </div> </body> i called javascript file js.js
$(document).ready(function(){ $('#submit1').click(function(){ if($("#s1").val() >= 8 && $("#s1").val() <= 10) alert("test"); }); }); function showvalue1(newvalue) { document.getelementbyid("range1").innerhtml=newvalue; } 
Comments
Post a Comment