gpt4 book ai didi

javascript - 如何为所有浏览器(包括移动浏览器)验证表单

转载 作者:行者123 更新时间:2023-11-28 17:25:47 27 4
gpt4 key购买 nike

我有一个网站 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com