2017-05-26 109 views
0

我正在做一個引導模式與表單,我有自定義JavaScript字段驗證,它不工作,我已經嘗試在一個普通的頁面沒有模式的相同,它的作品完美。Javascript表單驗證不工作在引導模式

下面是JavaScript代碼:

function validartitulo() 
{ 
    var titulo = form.titulo; 
    if (titulo.value == "") { 
    document.getElementById("msgtit").innerHTML = "<font color='red'>Este campo é obrigatório.</font>"; 
    return false; 
} 
if(titulo.value.length <= 25){ 
    document.getElementById("msgtit").innerHTML = ""; 
    return true; 
    } 
     else if(titulo.value.length>25){ 
     document.getElementById("msgtit").innerHTML = "<font color='red'>O tamanho máximo é 25!</font>"; 
      return false;} 
     } 

     function validar(){ 
    if(validartitulo() && validarlink()) 
     return true; 
    return false; 
} 

和形式:

<form id="luForm" class="form-horizontal form-label-left input_mask" name="form" enctype="multipart/form-data" method="POST" action="videos/alt_vid2.php" onsubmit="return validar()"> 

<div class="form-group"> 
    <label class="col-md-4 control-label"><font color="black">Titulo: </font></label> 
    <div class="col-md-4 inputGroupContainer"> 
    <div class="input-group"> 
    <span class="input-group-addon"><i class="glyphicon glyphicon-tag"></i> </span> 
    <input style='text-align:center;' name="titulo" value="<?php echo $lin['titulo']; ?>" class="form-control" type="text" onblur="return validartitulo()"> 
    </div> 
    <div id="msgtit"></div> 
    </div> 
</div> 

控制檯錯誤:

Uncaught TypeError: Cannot read property 'value' of undefined 
at validartitulo (eval at globalEval (jquery.min.js:2), <anonymous>:3:12) 
at HTMLInputElement.onblur 
+0

你在哪裏結束? 'validar'函數在哪裏? – Kuru

+0

控制檯中的任何js錯誤? 「不工作」恰恰排除了一種情況。 – James

+0

@James我編輯我的問題與控制檯錯誤 –

回答

0

解決了這個問題,它是一個未捕獲的錯誤,所以有人建議我到移動<script>,如果它在head,到body,多虧了所有!

0

試圖改變這一點:

function validartitulo() 

將其更改爲:

function validartitulo(form) 

而且

<input style='text-align:center;' name="titulo" value="<?php echo $lin['titulo']; ?>" class="form-control" type="text" onblur="return validartitulo()"> 

將其更改爲:

<input style='text-align:center;' name="titulo" value="<?php echo $lin['titulo']; ?>" class="form-control" type="text" onblur="return validartitulo(this.form)"> 
+0

感謝您的答案,但我已經解決了它,這是一個小錯誤,我只是從頭部