使用jquery显示输入到警告框的值

时间:2018-03-06 14:52:16

标签: jquery html

美好的一天,我只想知道如何通过警告框打印出你在文本字段中输入的值,我是jquery的新手,我不知道我在做什么。任何帮助,将不胜感激。谢谢

             <form action="" align="center" method="post">
             Name:<br>
             <input type="text" name="fullname" required>
             <input type="submit" onclick="printOut();">
             </form>


             $(document).ready(function(){
             $('form').submit(function(e){
             e.printOut();


            alert ("Hi "+$("input[name="fullname"]").val()+");

3 个答案:

答案 0 :(得分:1)

错误发生在您的JQuery选择器中,字符串内部未转义的引号会破坏语法。试试这个:

$(document).ready(function(){
    $('form').submit(function(e){
        alert ("Hi "+$("input[name='fullname']").val());
        return false;
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form align="center">
    Name:<br />
    <input type="text" name="fullname" required />
    <input type="submit" />
</form>

答案 1 :(得分:0)

你使用了错误的css $("input[name="fullname"]")选择器其他一切都没问题应该是$("input[name=fullname]")

试试这段代码

 <form action="" align="center" method="post">
         Name:<br>
         <input type="text" name="fullname" required>
         <input type="submit" onclick="printOut();">
  </form>

  <script>
         $(document).ready(function(){
         $('form').submit(function(e){
          e.preventDefault();

        alert ("Hi "+$("input[name="fullname"]").val()+");
 </script>

答案 2 :(得分:0)

尝试这样的事情:

 <form action="" align="center" method="post">
                 Name:<br>
                 <input type="text" name="fullname" required>
                 <input type="submit"">
 </form>

<script>
    $('form').submit(function(e){
        e.preventDefault();
        alert("Hi "+ $("input[name='fullname']").val());
    });

</script>