2014-12-01 4 views
0

Это мой простой HTML код формыhtml5 форма проверки в CodeIgniter просмотра файла

<form method="post" action=<?php echo base_url()."index.php/controller_bookplot2";?> 
name="frmbooking" id="frmbooking"> 
    <div class="marginbtm5"> 
     <select name="name_title" class="dropdown" id="name_title" required> 
     <option value="Mr.">Mr.</option> 
     <option value="Miss">Miss</option> 
     <option value="Mrs">Mrs</option> 
     <option value="Dr.">Dr.</option> 
     </select> 

     <img src=<?php echo base_url()."images/rightmarked.gif";?> title="mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="name" type="text" class="input validate_B" id="name" onfocus="if (this.value 
     == 'Full Name') {this.value=''}" onblur="if(this.value == '') { 
     this.value='Full Name'}" value="Full Name" required> 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="address" type="text" class="input validate_B" id="add" onfocus="if 
     (this.value == 'Address') {this.value=''}" onblur="if(this.value == 
     '') { this.value='Address'}" value="Address" required> 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="email" type="text" class="input validate_B" id="email" onfocus="if 
    (this.value == 'Email') {this.value=''}" onblur="if(this.value == 
    '') { this.value='Email'}" required value="Email" > 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory" 
    style="display:none;"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="dob" type="text" class="input" value="Birth Date" required id="datepicker" > 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
<div class="marginbtm5"> 
    <input name="mobno" type="text" class="input validate_B" maxlength="45" onfocus="if 
    (this.value == 'Mobile (10 digit mobile no. eg 9812345678)') 
    {this.value=''}" onblur="if(this.value == '') { this.value='Mobile 
    (10 digit mobile no. eg 9812345678)'}" value="Mobile (10 digit mobile no. eg 
    9812345678)" id="mob_no" pattern="[789][0-9]{9}" required  
     onkeyup="javascript:ValidateText(this)" > 
    </div>  
    <input name="btnSubmit" type="image" src=<?php echo base_url()."images/submit.jpg";?> value="Submit" onclick="return validate();"> 
</form> 

Есть много других полей в моей форме. Но я просто положил сюда 5 полей. Когда я нажимаю на submit, он непосредственно отображает html5 необходимое сообщение для мобильного поля. Сначала не проверять имя, адрес, адрес электронной почты, поле даты рождения. Так что я делаю неправильно?

+0

попробуйте с закрытием входного тега, как это

+0

Пробовал, что ... не работает ... –

ответ

1

ее не работает из-за вы даете значение атрибута удалить значение атрибута и попытаться как этот

<form method="post" action=<?php echo base_url()."index.php/controller_bookplot2";?> 
name="frmbooking" id="frmbooking"> 
    <div class="marginbtm5"> 
     <select name="name_title" class="dropdown" id="name_title" required> 
     <option value="">--Please select type</option> 
     <option value="Mr.">Mr.</option> 
     <option value="Miss">Miss</option> 
     <option value="Mrs">Mrs</option> 
     <option value="Dr.">Dr.</option> 
     </select> 

     <img src=<?php echo base_url()."images/rightmarked.gif";?> title="mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="name" type="text" class="input validate_B" id="name" onfocus="if (this.value 
     == 'Full Name') {this.value=''}" onblur="if(this.value == '') { 
     this.value='Full Name'}" Placeholder="Full Name" required> 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="address" type="text" class="input validate_B" id="add" onfocus="if 
     (this.value == 'Address') {this.value=''}" onblur="if(this.value == 
     '') { this.value='Address'}" Placeholder="Address" required> 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="email" type="text" class="input validate_B" id="email" onfocus="if 
    (this.value == 'Email') {this.value=''}" onblur="if(this.value == 
    '') { this.value='Email'}" required Placeholder="Email" > 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory" 
    style="display:none;"> 
    </div> 
    <div class="marginbtm5"> 
    <input name="dob" type="text" class="input" Placeholder="Birth Date" required id="datepicker" > 

    <img src=<?php echo base_url()."images/rightmarked.gif";?> title=" mandetory"> 
    </div> 
<div class="marginbtm5"> 
    <input name="mobno" type="text" class="input validate_B" maxlength="45" onfocus="if 
    (this.value == 'Mobile (10 digit mobile no. eg 9812345678)') 
    {this.value=''}" onblur="if(this.value == '') { this.value='Mobile 
    (10 digit mobile no. eg 9812345678)'}" value="Mobile (10 digit mobile no. eg 
    9812345678)" id="mob_no" pattern="[789][0-9]{9}" required  
     onkeyup="javascript:ValidateText(this)" > 
    </div>  
    <input name="btnSubmit" type="image" src=<?php echo base_url()."images/submit.jpg";?> value="Submit" onclick="return validate();"> 
</form> 

если вы добавите значение для ввода тега, то он не будет проверять, что подал, потому что это поле, имеющий уже дорожим

+0

Хорошо ... отлично, но как добавить placeholder для выбора тега. В моей форме много выпадающих списков. –

+0

проверьте это http://stackoverflow.com/questions/5805059/select-placeholder –

0

Нет необходимости wirte onfocus="if (this.value == 'Full Name') {this.value=''}" onblur="if(this.value == '') { this.value='Full Name'}" value="Full Name"

это можно достичь с помощью атрибута HTML placeholder='Full Name'

Смежные вопросы