我有一个网站 http://www.yaseennikah.com/MyRegister.php .我需要在客户端验证表单。我使用了 javascript 代码,但它在某些移动浏览器中不起作用。我在这里看到一个 jquery 代码 http://jsfiddle.net/WF2J9/16/ .但我不知道添加jquery ul。那么任何人都可以完成代码吗?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>form validation</title>
</head>
<body>
<form action="page1.php" method="post" class="a">
Name : <input type="text" class="text" name="name" id="name" /> <br/>
Address : <input type="text" class="text" name="address" id="address /><br/>
email : <input type="text" class="text" name="email" id="email" /> <br/>
<button id="submit" name="submit">submit</button>
</form>
<script>
$('#submit').on('click', function() {
valid = true;
if (valid && $('#name').val() == '') {
alert ("please enter your name");
valid = false;
}
if (valid && $('#address').val() == '') {
alert ("please enter your address");
valid = false;
}
return valid;
});
</script>
</body>
</html>
最佳答案
您可以使用他们的官方 CDN 将 jQuery 添加到您的网页
将此添加到您的网页的头部 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
您可以使用此代码测试 jQuery 是否已正确加载
if($) {
alert("jQuery loaded");
} else {
alert("jQuery not loaded");
}
编辑:
这是我的 validation script 版本(现在应该可以工作了)并且不要忘记删除 trim()
如果您不想要它,请使用它。
编辑 2:
如果你想在没有 jQuery 的情况下这样做,你可以使用 html 的自动表单验证 example .但这在ie 9及更早版本中是不支持的。
或者你可以试试 this (将上面的jQuery代码重写为纯js和第二种表单验证方式)。
也在服务器端验证表单!!!
关于javascript - 如何为所有浏览器(包括移动浏览器)验证表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40163720/