Issues with embeding <input type:'number'> into Content of InfoTemplate

JohnRitsko

OK, still having issues with this.  Problem is that the max value can be overwritten if the user types in a value.  The maxlength is working fine but the max and min values can be overwritten by user interaction.  Is there a way to fix this?

This code resides in my main.js file outside of my index.html page (If that is perhaps a cause).

var PointContent = "Enter Buffer Distance in Miles: <input type='number' value='0.25' min='0.25' max='7' step='0.25' maxlength='5' id='bufferDistancePoint'><br>
<button id='point-button' onclick='findNearby(${OBJECTID})'>Find Projects</button>";
var PointTemplate = new InfoTemplate();
PointTemplate.setContent(PointContent);

RobertScheitlin__GISP

John,

  Your issue was a simple syntax issue (type:'number' instead of type='number')

var PointContent = "Enter Buffer Distance in Miles:" +
      "<input type='number' value='0.25' min='0.1' max='7' step='0.1' maxlength='5' id='bufferDistancePoint'>" +
      "<br><button id='point-button' onclick='findNearby(${OBJECTID})'>Find Projects</button>"