Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
2.6 kB
2
Indexable
Never
<template>
    <div>
    <lightning-card>
        <table>
            <tbody>
                <tr style ='padding:5px'>
                    <td><lightning-input label ="Enter First Name" value={firstName} onchange={handleFname} required="true"></lightning-input>
                        <template if:true={showError4}><span class="error">*This FirstName already Exists</span></template>
                    </td>
                    <td><lightning-input label = "Enter Last Name" value ={lastName} onchange={handleLname} required="true"></lightning-input>
                        <template if:true={showError5}><span class="error">*This LastName already Exists</span></template>
                    </td>
                </tr>
                <tr style ='padding:5px'>
                    <td>    
                        <lightning-input label = "Enter Phone Number" value={phone} onchange={handlePhone} required="true"></lightning-input>
                        <template if:true={showError1}><span class="error">*This phone number already exist</span></template>    
                    </td>
                    <td>
                        <lightning-input label = "Enter Email" value={email} onchange={handleEmail} required="true"></lightning-input>
                        <template if:true={showError2}><span class="error">*This Email already Exists</span></template>
                    </td>
                </tr>
                <tr style ='padding:5px'>
                    <td>    
                        <lightning-input type="password" label = "Enter Password" value={password} onchange={handlePassword} required="true"></lightning-input>    
                    </td>
                    <td>
                        <lightning-input type="password" label = "Confirm" value={conpassword} onchange={handleConpassword} required="true"></lightning-input>
                        <template if:true={showError3}><span class="error">*Password Mismatch</span></template>
                    </td>
                </tr>
        </tbody>
        </table>
        <table>
            <tbody>
            <tr>
                <td style='text-align:center'>
                    <lightning-button variant='neutral' label='Submit' onclick={submitHandler}></lightning-button>
                </td>
                <td style='text-align:center'>
                    <lightning-button variant='neutral' label='Reset'></lightning-button>
                </td>
            </tr>
            </tbody>
        </table>
    </lightning-card>
</div>
</template>