有一个链接,在点击链接时显示文本字段和提交按钮,当我在文本字段中输入“ALLUSERS”并单击提交按钮时,它应该清除文本中的内容并显示弹出一个说无效输入,如何在javascript中执行此操作,我是javascript的新手,所以请帮助我。
这是我到目前为止所拥有的:
function checklink() {
if (document.getElementById("report420").click == true) {
if (document.getElementById("mainUserIdValue").value == 'ALLUSERS') {
document.getElementById("mainUserIdValue").value = "";
alert("invalid input");
}
}
答案 0 :(得分:1)
以下内容应该有效:
window.onload = function(){
var link = document.getElementById('report420');
link.addEventListener('click', continueScript);
function continueScript(){
var el = document.getElementById('mainUserIdValue');
if(el.value == 'ALLUSERS'){
el.value = '';
alert('Invalid input');
}
/* Continue your code here */
}
};
关于addEventListener
的快速解释:
方法addEventListener
用于在满足特定条件时触发函数。在此示例中,标准是用户单击应用该方法的元素
当用户点击ID为report420
的链接时,会调用函数continueScript
,从那里您可以执行任何操作。请注意,该函数传递给addEventListener
而没有括号,以停止在该点调用的函数。
答案 1 :(得分:0)
以下代码可能有效:
<强>编辑:强>
<a href="blah1">blah1</a>
<script type="text/javascript">
$('a[href=blah1]').click(function() {
var link = $(this); // here's your link.
return false; // acts like the link was not clicked. return true to carry out the click.
});
</script>
答案 2 :(得分:0)
单击按钮时执行代码。
document.getElementById("report420").onclick = function() {
if (document.getElementById("mainUserIdValue").value == 'ALLUSERS') {
document.getElementById("mainUserIdValue").value = "";
alert("invalid input");
}
}