Question

我试图让用户填写表单。

当用户正确填写表单时，网页上的徽标会发生变化，表单的数据会发布到PHP页面，然后发送到数据库。

我遇到了'＃34; required＆＃34;属性使用提交按钮的Jquery代码，因为当我连接任何Jquery代码时，该属性不会显示。

有没有办法让＆＃34;原来的功能需要＆＃34;在同一页面上使用我提供的Jquery代码的属性？

<form class="center" action="" method="post" id="form">
   <input type="text" id="name" name="name" placeholder="Name" style="width: 175px" required>
   <br>
   <br>
   <input type="email" id="email" name="email" placeholder="Email" style="width: 175px" required>
   <br>
   <br>
   <input type="text" id="telephone" name="telephone" placeholder="telephone" style="width: 175px" required>
   <br>
   <br>
   <select style="width: 175px" id="name" name='city' required>
      <option value='null' selected="selected" disabled="disabled">Select an option</option>
      <option value='option1'>option1</option>
      <option value='option2'>option2</option>
   </select>
   <br>
   <br>
   <input type="button" id="submit" value="submit" style="width: 175px">
</form>

$("#submit").on('click', function() {
   $("#image").attr("src", "2.png");
   $.post("sender.php", {
      name: $('#name').val(),
      email: $('#email').val(),
      telephone: $('#telephone').val(),
      city: $('#city').val()
   });
});

Answer 1

您需要在jquery中使用event.preventdefault()。 preventdefault将停止默认操作（提交表单），然后您可以编写代码以验证并显示错误。

$("#submit").on('click', function() {
   event.preventdefault();
// call some function to validate & display error.
   $("#image").attr("src", "2.png");
   $.post("sender.php", {
      name: $('#name').val(),
      email: $('#email').val(),
      telephone: $('#telephone').val(),
      city: $('#city').val()
   });
});

Answer 2

试试这个： -

$("#form").validate({
                submitHandler : function() {
//Your Code
});

用于在所有浏览器中工作的用户jquery验证

HTML必需标记不响应Jquery

2 个答案: