由于我是JS编码和网页设计的新手,我有以下疑问:
我有一个 html 页面,它具有表单文本区域的点击功能。如果文本区域保持为空并且用户单击提交,它应该显示输入条目的消息,如果输入是正确的,则应打开相应的文件。我在JS文件中有if/else条件,它在文本区域保持为空时给出适当的消息,但不加载我在条目不为空时提到的文件。
下面是 html 代码段:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
</head>
<body>
<form name="drugform" action="#">
<pre> Drug Name<input type="text" name="name1" value="" /></pre>
</p>
<input type="button" value="Enter" onclick='buttoncheck()' />
</form>
<script type="text/javascript" src="if-else-button.js"></script>
</body>
</html>
JS代码是:
function buttoncheck() {
if (Boolean(document.drugform.name1.value)) {
load(form1.php);
} else {
alert('Enter Drug name');
}
}
如何使用js代码加载文件(在if条件中提到)?
如果你想在
现有文件中加载那个form1.php文件,那么你可以使用ajax作为参考,去这里。
如果你想重定向到另一个页面,那么你应该使用
window.location.href = "form1.php";
var url = 'form1.php';
window.location.href = url;
代替load(form1.php)
,替换上面的代码片段!
编辑:
如果你想加载文件而不实际重定向到一个新页面,你可以使用 jquery 的.load()
在此处查看更多相关信息: http://api.jquery.com/load/
尝试这样,
function buttoncheck() {
if (document.drugform.name1.value != "") { // check not empty condition
load("form1.php"); // passing value to function with quotes
} else {
alert('Enter Drug name');
}
}