如何在JS验证后执行Jquery onclick =“”函数

时间:2014-01-24 10:30:18

标签: javascript jquery

我想知道我是否可以在JS验证任何想法之后执行onlick功能?

我有一个表格,其中包含e-amil和电话强制提交,我想在提交表单之前检查它们,如果一切正常则更多,另外div onclick="$('#dialog-links-blocks').show()"应该显示一条消息谢谢!如何在验证后才能显示它!

<script type="text/javascript">// <![CDATA[
function validateForm()
{
var x=document.forms["myform"]["phone"].value;
var y=document.forms["myform"]["email"].value;
if (x==null || x=="")
  {
  alert("Укажите номер телефона!");
  return false;
  }
if (y==null || y=="")
  {
  alert("Укажите email!");
  return false;
  }

}
// ]]></script>


<iframe name="hiddenFrame" width="320" height="240"></iframe>
<form id="validation" action="http://listovki.md/send_form_email.php" method="POST" name="myform" enctype="multipart/form-data" onsubmit="return validateForm()" target="hiddenFrame">
    <table><colgroup> <col width="122" /> <col width="260" /> </colgroup>
    <tbody>
    <tr>
    <td><label>имя</label></td>
    <td><input type="text" name="family" /></td>
    </tr>
    <tr>
    <td><label>почта</label></td>
    <td><input type="email" name="email" /></td>
    </tr>
    <tr>
    <td><label>gsm</label></td>
    <td><input class="gsm" type="tel" name="phone" /></td>
    </tr>
    <tr>
    <td colspan="2"><input class="aplicaAcumBt" onclick="$('#dialog-links-blocks').show()" type="submit" name="submit" value="отправить" /></td>
    </tr>
    </tbody>
    </table>
    </form>

1 个答案:

答案 0 :(得分:1)

为什么不在验证为真时才显示div?为什么只在点击时显示

    <script type="text/javascript">// <![CDATA[
    function validateForm()
    {
    var x=document.forms["myform"]["phone"].value;
    var y=document.forms["myform"]["email"].value;
    if (x==null || x=="")
      {
      alert("Укажите номер телефона!");
      return false;
      }
    if (y==null || y=="")
      {
      alert("Укажите email!");
      return false;
      }
    // Validation is true here
    $('#dialog-links-blocks').show()
    }
    </script>