[SalesForce] Visualforce Page: Error for Input Type Number: Unable to validate type ‘number’: data type not provided

I tried using <apex:input type="number" /> in VisualForce page, however, it gives an error of:

Unable to validate type 'number': data type not provided

I've already put docType="html-5.0" in <apex:page>, put the input in an <apex:form>. I'm even using API version 38 in Developer Console. Below is the full code:

<apex:page docType="html-5.0">
    <apex:form>
        <apex:input type="number" />
    </apex:form>
</apex:page>

The code above won't even allow me to save.

Best Answer

apex:input expects a property in value field, following code is working fine:

Controller:

public class Html5Input {
    public Integer accountNumber { get; set; }
}

Page:

<apex:page docType="html-5.0" controller="Html5Input">
    <apex:form>
        <apex:input type="number" value="{!accountNumber}"/>
    </apex:form>
</apex:page>

Related Solutions

[SalesForce] HTML5 input type number for decimals

<apex:page standardController="Object" doctype="html-5.0">
<apex:input type="Number" html-step="any" Value="yourValue"/>
</apex:page>

Be sure to specify doctype="html-5.0" and the html-step="any" in order to have decimals in the html number input.

[SalesForce] Passing JavaScript Array to Apex Controller

Try this controller code.

    public class ActionFunctionCLS {

public void IWantToDebug() {
    list<String> ls = ( List<String> )JSON.deserialize( Apexpages.currentPage().getParameters().get('node'), List<string>.class ) ;        
    System.debug('======================= ' + ls[0] );
    System.debug('======================= ' + ls[1]);
    System.debug('======================= ' + ls[2]);                
}

}

And VF like:

<script type="text/javascript">
    function doSave(node){
        var arr = ["foo", "bar", "baz"];
        paraFunction(JSON.stringify(arr));
    }       
</script>

<apex:form >
    <apex:actionFunction name="paraFunction" action="{!IWantToDebug}" rerender="view">      
         <apex:param id="anode" name="node" value="" />
   </apex:actionFunction> 
</apex:form>

 <input type="button" onclick="doSave();" value="test" />

Best Answer

Related Solutions

[SalesForce] HTML5 input type number for decimals

[SalesForce] Passing JavaScript Array to Apex Controller

Related Topic