Email-Dual Entry

  • 1
  • Question
  • Updated 2 years ago
  • In Progress
We are trying to ensure that a user doesn't mis-key an email address by asking for it twice. Perfect scenario would result in the first field being masked upon tabbing out of the field  (****) so it could not be copied and pasted into the second field.  It would then render an image that would default to an X if it was incorrect and then display a Check Mark Image when it was matched.   
  • Best Practice:Should this be done by using the standard field and UI-Only field, or two fields on the Contact record.  
  • Is there a way that we can perform the check while the data is being entered, before it is saved into the record.
  • I see a field Renderer has option as password.  I do not see this on all fields, is there a reason why.  Can you tell me a little more on this topic.  
  • Difference between using Image Component and 
Brand new to skuid definitely a click not code girl  :)   Dont feel like you need to answer all questions.  Trying to put some of the pieces together to further learn.  Any point to documentation or resources is always great.  
Photo of Courtney McGuire

Courtney McGuire

  • 152 Points 100 badge 2x thumb

Posted 2 years ago

  • 1
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
This doesn't fix every problem you've described, but it is a first attempt and a starting point.

You could try something like this. It won't prevent copying and pasting, but it will show the user if the two before it are the same. The far left column is a name. The next two are UI Only fields. The final UI Only Field has a formula on it:
IF({{Name}}=={{Name2}},"These are the same","ERROR ALERT OH NO ALARM WEEWOOWEEWOO BAD YIKES")

The XML is below. 



<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" useviewportmeta="true" showheader="false">    <models>
        <model id="account" limit="1" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Account">
            <fields>
                <field id="Name"/>
                <field id="Name2" uionly="true" displaytype="TEXT" label="Name2" placeholder="y8t9" helptext="87y" defaultvaluetype="fieldvalue"/>
                <field id="Are_They_The_Same" uionly="true" displaytype="FORMULA" label="Are They The Same" ogdisplaytype="TEXT" readonly="true" returntype="TEXT">
                    <formula>IF({{Name}}=={{Name2}},"These are the same","ERROR ALERT OH NO ALARM WEEWOOWEEWOO BAD YIKES")</formula>
                </field>
            </fields>
            <conditions/>
            <actions/>
        </model>
    </models>
    <components>
        <skootable showconditions="true" showsavecancel="true" showerrorsinline="true" searchmethod="server" searchbox="true" showexportbuttons="false" pagesize="10" createrecords="true" buttonposition="" mode="read" allowcolumnreordering="true" uniqueid="sk-rZL0N-85" model="account">
            <fields>
                <field id="Name" hideable="true" uniqueid="fi-rZqK5-208" valuehalign="" type=""/>
                <field id="Name2" hideable="true" uniqueid="fi-rZqK6-209" valuehalign="" type=""/>
                <field id="Are_They_The_Same" hideable="true" uniqueid="fi-rZqK6-210" valuehalign="" type="" placeholder="kjh">
                    <label>uytgiuyg</label>
                </field>
            </fields>
            <rowactions>
                <action type="edit"/>
                <action type="delete"/>
            </rowactions>
            <massactions usefirstitemasdefault="true">
                <action type="massupdate"/>
                <action type="massdelete"/>
            </massactions>
            <views>
                <view type="standard"/>
            </views>
            <searchfields/>
            <renderconditions logictype="and"/>
        </skootable>
    </components>
    <resources>
        <labels/>
        <javascript/>
        <css/>
    </resources>
    <styles>
        <styleitem type="background" bgtype="none"/>
    </styles>
</skuidpage>