警告命令

Question

我需要有关javascript代码的帮助。当他/她点击“提交信息”按钮时，我想提示你好+（他/她在第一个空白处输入的单词）+（他/她在第二个空白处输入的单词）。

这是我的HTML代码

Please give yourself an adjective: <input type="text" name="adjective" id="id"><br>
Please input your name: <input type="text" name="name" id="name"><br>
Please enter your gender<input type="text" name="gender" id="gender"><br>

<button onclick="Enter ()"> Submit Information</button>

我需要javascript命令才能使用。谢谢！

Answer 1

你可以这样做：

Please give yourself an adjective: <input type="text" name="adjective" id="id">
Please input your name: <input type="text" name="name" id="name">

Please enter your gender<input type="text" name="gender" id="gender">

<button onclick="enter()"> Submit Information</button>

并在您的javascript代码中：

<script>
var enter=function(){
alert('hello'+document.getElementById("name")+' '+ document.getElementById("gender") +'  '+document.getElementByName("adjective"));
}
</script>

您将获得使用

输入的价值

document.getElementById("FormInputId_Here") 

或

document.getElementByName("FormInputName_Here")

希望它对你有用..

Answer 2

要提醒您要提醒的内容，请将其置于alert()功能中，因为您正在调用Enter()中的onclick功能，我已将其用于我的例子也是

这是实现您希望它做的事情的一种方式：

<强> HTML

Please give yourself an adjective: <input type="text" name="adjective" id="adjective"><br>
Please input your name: <input type="text" name="name" id="name"><br>
Please enter your gender<input type="text" name="gender" id="gender"><br>

<button id="submit"> Submit Information</button>

<强> JS

//Event listener for the button.
document.getElementById ("submit").addEventListener ("click", Enter, false);

function Enter() {
    alert("Hello " + document.getElementById('adjective').value + " " + document.getElementById('name').value  + " " + document.getElementById('gender').value);
}

希望这有帮助！

Answer 3

试试这个：

var inputBox = $("#name");
var submitButton = $("#submit");

submitButton.click(function(){

    var getval = 'Hello '+ ($("#name").val()?$("#name").val():alert('please fill the text field'))
$('#text').text(getval);  
});

Your Input: <input id="name" type="text" />
<button id="submit" class="btn">Submit</button>

<a id='text' ></a>