Jquery Effects

Class Room Examples Of Mr. Narasimha Sir

By Srinivas Vasu

Clear all fields in a form using Jquery

                                       Clear / Reset Buttons
Clear Button: When you clear a form, you would be removing ALL values from the form.
Reset Button: When you resets a form, it will resets the original values of all fields in a form.
OR 
Reset all form fields to their default values.
  ModelClass for this Example 
    public partial class EmployeeDetail
    {
        public int Id { get; set; }
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string Gender { get; set; }
        public string City { get; set; }
        public string State { get; set; }
        public string Address { get; set; }
       [Display(Name="Languages Known")]
        public string Languages { get; set; }
        public Nullable<decimal> Salary { get; set; }
        public Nullable<System.DateTime> HireDate { get; set; }
        public string Email { get; set; }
     }

}
Create.cshtml
@model Demo.Models.EmployeeDetail
@{
    ViewBag.Title = "Create";   
}
<h2>Create</h2>
@using (Html.BeginForm("Create", "Employee", FormMethod.Post, new {id="createform" }))
{
    @Html.ValidationSummary(true)
 <fieldset>
        <legend>Employee Detail</legend>
   <table>
           <tr><td>@Html.LabelFor(model => model.FirstName)</td>
               <td>  @Html.EditorFor(model => model.FirstName)
             @Html.ValidationMessageFor(model => model.FirstName)</td>
           </tr>
           <tr>
               <td> @Html.LabelFor(model => model.LastName)</td>
               <td>@Html.EditorFor(model => model.LastName)
               @Html.ValidationMessageFor(model => model.LastName)</td>
           </tr>
            <tr>
               <td>@Html.LabelFor(model => model.Gender)</td>
               <td>
             @Html.RadioButton("Gender", "male")Male
             @Html.RadioButton("Gender", "female")Female
             @Html.ValidationMessageFor(model => model.Gender)
               </td>
           </tr>
          <tr><td>@Html.LabelFor(model => model.City)</td><td>              @Html.DropDownList("City", new List<SelectListItem>
            {
              new SelectListItem { Text ="Hyderabad",Value="Hyderabad"},
              new SelectListItem { Text = "Amaravati",Value="Amaravati"}
            },"-------------Select----------")
            @Html.ValidationMessageFor(model => model.City)
            @Html.ValidationMessageFor(model => model.City)</td></tr>
            <tr><td>@Html.LabelFor(model => model.State)</td><td>  @Html.DropDownList("State", new List<SelectListItem>
            {
              new SelectListItem { Text ="Telangana",Value="Telangana"},
              new SelectListItem { Text ="Andhra Pradesh",Value="Andhra Pradesh"},
            },"-----------Select------------")
            @Html.ValidationMessageFor(model => model.State)
            @Html.ValidationMessageFor(model => model.State)</td></tr>
            <tr><td> @Html.LabelFor(model => model.Address)</td><td> @Html.TextAreaFor(model => model.Address)
            @Html.ValidationMessageFor(model => model.Address)</td></tr>
            <tr><td> @Html.LabelFor(model => model.Languages)</td><td>
                @Html.CheckBox("Lang", "english") English
                 @Html.CheckBox("Lang", "hindi") Hindi
                 @Html.CheckBox("Lang", "telugu") Telugu
                 
            @Html.ValidationMessageFor(model => model.Languages)</td></tr>
            <tr><td> @Html.LabelFor(model => model.Salary)</td><td> @Html.EditorFor(model => model.Salary)
            @Html.ValidationMessageFor(model => model.Salary)</td></tr>
           <tr><td>
                @Html.LabelFor(model => model.HireDate)
               </td>
               <td>@Html.TextBoxFor(m => m.HireDate, "{0:MM/dd/yyyy}", new { @class = "datepicker" })
                   @Html.ValidationMessageFor(model => model.HireDate) </td>
           </tr>
        @*   <tr><td> @Html.LabelFor(model => model.MobileNo)</td>
               <td> @Html.EditorFor(model => model.MobileNo)
                  @Html.ValidationMessageFor(model => model.MobileNo)</td>
           </tr>*@
            <tr><td>@Html.LabelFor(model => model.Email)</td>
               <td> @Html.EditorFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)</td>
           </tr>
     </table>
          <p>
            <input type="reset" value="Reset" />
            <input type="button" value="Clear" id="clearform" />
        </p>
    </fieldset>
}

<script>
    $(document).ready(function () {
         $('#clearform').on('click', function () {
            $('#createform').find('input:text, input:password, select, textarea').val('');
            $('#createform').find('input:radio, input:checkbox').prop('checked', false);
        });
          $('.datepicker').datepicker();
       })
    </script>

Note: Add these scripts in Layout
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>
   <script src="~/Scripts/jquery-ui-1.8.20.js"></script>

   <link href="~/Content/jquery-ui.css" rel="stylesheet" />

Note : Here The reset function does the same if we write
    input type="reset" in the form and clicked it.
It will reset the values in all fields in the form to the value they had when the page loaded.

Jobs

Jan 19, 2020

Walkin Angular Developer-freshers (only male Candidates) |spot Offer

Cogent Data Solutions

Madhapur, Hyderabad, Telangana

Job Summary
Are you passionate about Angular development?

We are looking for an Angular Developer with Knowledge in building high-performing, scalable, enterprise-grade applications.

Best opportunity to kick- start your carrier!!

Position : Angular Developer (Freshers)
Location of Posting: Hyderabad (Madhapur)
Minimum Qualification: Graduation

(Please note: Only Male Candidates who are trained in Angular 6/7/8)

Mandatory Skills: Knowledge in Angular 6/7/8, HTML, CSS, Typescript.
Responsibilities and Duties

• Developer responsibilities include designing and developing high-volume, low-latency applications for mission-critical systems and delivering high-availability and performance.
• Contribute to all phases of the development life-cycle.
• Write well designed, testable, efficient code.
• Ensure designs comply with specifications.
• Prepare and produce releases of software components.
• Support continuous improvement by investigating alternatives and technologies and presenting these for architectural review.

Required Experience and Qualifications

• Basic knowledge of CSS 3 and HTML 5 design
• Should have good Knowledge of JAVASCRIPT /OOPS in JAVASCRIPT.
• Looking for trained freshers who are exceptionally good in programming Skills.
• Knowledge or Hands-on Experience in Angular 6/7/8 is mandatory.
• Good communication and interpersonal skills.
• Good Knowledge in Services & routing usage in Angular (Ex HTTP module)
• Excellent problem solving, critical thinking and communication skills.

Job Type: Full-time

Industry:

• Software Development

******************************************************************************************************************
************************************************************************************************************************

Urgently hiring

Madhapur, Hyderabad, Telangana

₹1,00,000 - ₹2,00,000 a year

Job Summary
Greetings from iNative Tech Solutions....

We've immediate opening for .Net Developer.If interested revert with your updated resume

Clinet: iNative Tech Solutions
Locations: Hyderbabad
Date & Time: Monday to Friday & 10-3pm
JD:
C#, ASP.Net , ADO.Net, . Net MVC ,SQL Server & Knowledge on angular is a added
advantage.

Job Type: Full-time

Experience:

• .net: 1 year (Preferred)
• total work: 1 year (Preferred)
• C#: 1 year (Preferred)
• HTML: 1 year (Preferred)

Education:

• Bachelor's (Preferred)

********************************************************************************************************************
********************************************************************************************************************

Hyderabad, Telangana

Full-time, Fresher

Company Overview:
Web Synergies is a I.T. development company. Our company is situated in Singapore and Hyderabad with 21 yrs of experience in the market and having clients around the globe. Our company is a Microsoft golden partner.
**
Requirement :
We need dot net developer who has minimum 1+ yrs of experience in dot-net and also hand on experience in C#,ASP.NET,MVC,Entity Framework, Linq,SQL server . Having experience on Angular,J query, JavaScript, and other database and front end technologies is a added advantage.

• if any one is interested send your updated resume

Job Types: Full-time, Fresher

Experience:

• mvc: 1 year (Preferred)
• total work: 2 years (Required)
• C#: 1 year (Preferred)
• ASP.NET: 1 year (Preferred)

Education:

• Bachelor's (Preferred)

Benefits:

• Health insurance
• Provident fund (PF)

Selection rounds:

• HR Interview
• Technical Interview

Industry:

• Software Development