habilitar um botão AspNet Core
28/08/2018
0
Pessoal, Boa Noite
Como eu faço pra executar um botão(submit) automaticamente somente quando duas (input)text tiver conteúdo asp net ?
Muito Obrigado...
Como eu faço pra executar um botão(submit) automaticamente somente quando duas (input)text tiver conteúdo asp net ?
Muito Obrigado...
Watson
Curtir tópico
+ 0
Responder
Posts
19/03/2019
Renato Dias
Fala Watson! É só usar javascript puro. Teste o código abaixo de um arquivo html com javascript embutido para ver o efeito que precisa.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<label>Campo 1</label>
<input type="text" id="campo1" onchange="verifica()">
<label>Campo 2</label>
<input type="text" id="campo2" onchange="verifica()">
<button onclick="funcaoClick()">GO!</button>
<script>
function verifica() {
campo1 = document.getElementById("campo1");
campo2 = document.getElementById("campo2");
console.log("campo 1 : " + campo1.value);
console.log("campo 2 : " + campo2.value)
if (campo1.value != "" && campo2.value != "") {
funcaoClick();
}
}
function funcaoClick() {
alert("botão clicado!");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<label>Campo 1</label>
<input type="text" id="campo1" onchange="verifica()">
<label>Campo 2</label>
<input type="text" id="campo2" onchange="verifica()">
<button onclick="funcaoClick()">GO!</button>
<script>
function verifica() {
campo1 = document.getElementById("campo1");
campo2 = document.getElementById("campo2");
console.log("campo 1 : " + campo1.value);
console.log("campo 2 : " + campo2.value)
if (campo1.value != "" && campo2.value != "") {
funcaoClick();
}
}
function funcaoClick() {
alert("botão clicado!");
}
</script>
</body>
</html>
Responder
Clique aqui para fazer login e interagir na Comunidade :)