2017-05-26 63 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

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

  • 11. 引導模式不工作
  • 12. 引導模式不工作
  • 13. Twitter引導模型表單驗證
  • 14. 表單驗證工作不
  • 15. 表單驗證工作不
  • 16. 表單驗證工作不
  • 17. 在引導模式下的HTML5表單驗證
  • 18. JavaScript驗證不爲克工作:表單驗證
  • 19. 引導3驗證工作不
  • 20. 引導4表單驗證
  • 21. 表單驗證角/引導
  • 22. jQuery驗證不工作在引導3選項卡形式
  • 23. 驗證放在Angularjs引導模式
  • 24. 角碼不工作在引導模式
  • 25. Clipboard.js不工作在引導模式
  • 26. 引導3模式在MVC不工作
  • 27. 引導表單驗證並提交使用引導驗證
  • 28. 表單驗證在laravel中不工作
  • 29. 客戶端驗證不工作的引導模式在MVC視圖
  • 30. 如何使用PHP驗證引導模式中的表單?