Question

计算器。

所以，我创建了一个像老板一样简单的形式。

<form method="post" action="">
    <input type="text" name = "username">
    <input type="submit" value="Submit">

并添加了一个小脚本

$(document).ready(function(){
       $("input:submit").click(function(){
           $("input[name=username]").css("border", "1px solid red");
       })
    });

我想要什么？我想点击输入框高亮显示。但是我现在想要吗？我按下发送按钮，当然输入字段突出显示，但这个突出显示立即消失，我不知道如何解决它。

Answer 1

您正在使用提交按钮。该按钮执行重新加载，因为默认event.use event.PreventDefault();。它将停止重新加载页面

$(document).ready(function(){
       $("input:submit").click(function(event){
             event.PreventDefault();
           $("input[name=username]").css("border", "1px solid red");
       })
    });

否则，您可以将按钮类型从提交更改为按钮

<form method="post" action="">
    <input type="text" name = "username">
    <input type="button" value="Submit">

Answer 2

点击提交按钮即可重新加载页面，您可以通过button

将按钮类型更改为submit来解决此问题

  <input type="button" value="Submit">

提交点击后，输入边框立即消失

2 个答案: