أتعلم حالياً لغة php وأقوم بتجربة عمل صفحة تواصل Contact Form بسيطة، وأقوم بعمل Validation لها عبر جافاسكريبت ومكتبة jQuery للتأكد من أن المستخدم لم يترك حقلاً فارغاً، لكن للأسف كود الـ jQuery لا يعمل على ملف .php ولا يقوم الـ Text Editor الخاص بي بالإكمال التلقائي لدوال jQuery على غير العادة، مع أني متأكد من أني استدعيت المكتبة بشكل صحيح، لأني أستخدم Bootstrap أصلاً وهي تتوجب استدعاء jQuery بالطبع، وهي تعمل بشكل طبيعي لكن jQuery لا تعمل، مع أني عندما قمت بنسخ ولصق الكود في ملف .html محلي على جهازي، يعمل بشكل طبيعي.
jQuery لا تعمل على ملف .php ولكن نفس الكود بالضبط يعمل على ملف .html ؟
التعليق السابق
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="
https://maxcdn.bootstrapcdn... " integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="
https://code.jquery.com/jqu... " integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous">
</head>
<body>
<div class="container">
<h1>Get in touch!</h1>
<form>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" class="form-control" placeholder="Please, enter your email adress">
<small class="text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" class="form-control">
</div>
<div class="form-group">
<label for="content">What would you like to ask us?</label>
<textarea rows="3" class="form-control" id="content"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script type="text/javascript">
$("form").submit(function(e){
e.preventDefault();
var error = "<p><strong>There were error(s) in your form:</strong></p>";
if($("#email").val() == "") {
error += "<p>The email field is required.</p>";
} else if($("#subject").val() == "") {
error += "<p>The subject field is required.</p>";
} else if($("#content").val() == "") {
error += "<p>The content field is required.</p>"
}
});
</script>
</body>
</html>
التعليقات