JS驗證不在表格之間工作

我正在將內容管理系統作爲大學任務的一部分。我期待，使表單驗證輸入，已經做了這樣的：JS驗證不在表格之間工作

這一切都坐落在<head>標籤：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>

這個腳本是低於此，再次在<head>標籤：

<script> 
    jQuery(document).ready(function() { 
     $("#loginForm").validate(); 
    }); 
</script>

當我點擊登錄按鈕，沒有任何反應，當我進入空數據

組成標記它不驗證：

<form id="loginForm" action="#" method="post"> 
<div class="form-group"> 
    <label for="username">Username:</label> 
    <input class="form-control" id="username" type="text" name="username" placeholder="Enter username"/> 
</div> 
<div class="form-group"> 
    <label for="password">Password</label> 
    <input class="form-control" id="password" type="password" name="password" placeholder="Enter password"/> 
</div> 
<button class="btn btn-primary" type="submit" name="submit">Login</button>

我是新來使用jQuery和下面的，所以可以很簡單的錯誤，但需要有人比我更多的專業知識。

來源

2017-10-20 Aidan Donnelly

嘗試添加一個名爲required到您所需要的字段，否則插件將無法知道什麼樣的價值觀，你的屬性實際上需要:) 見代碼示例上https://jqueryvalidation.org/documentation/

<input required ... />

如果你不想臃腫你的標記，這些規則也可以通過Javascript進行配置。你只需要將一個配置對象傳遞給validate方法。基本事實是在文檔提供validate()，但在本質上，你提供一個名稱爲重點，規則適用於該元素具有該名稱：

<script> 
jQuery(document).ready(function() { 
    $("#loginForm").validate({ 
     password: "required", // converted to {required: true} 
     username: { 
      required: true, 
      email: true 
     }    
    }); 
}); 
</script>

全內置規律可尋在標題爲「內置驗證方法列表」的部分中https://jqueryvalidation.org/documentation/

來源

2017-10-20 12:32:45

JS驗證不在表格之間工作

回答

相關問題