使用jquery提交表单，在提交前进行验证

Question

我想要做的是提交一个带有jquery的表单，示例提交表单到www.mywebsite.com/submit/并从那里获取数据并放入div，但在提交之前我需要验证是否输入价值是否正确......

这是我的html表单：

     <form id="Submit_Video" method="get" action="submit/">
      <input id="Title" name="Title" type="text" value="Title?"  onfocus="if(value=='Title?')value='';" onblur="if(value=='')value='Title?';" /><br />
      <input id="Weburl" name="Weburl" type="text" value="http://" /><br />

      <select id="Category" name="Category">
       <option value='1'>Value 1</option>
       <option value='2'>Value 2</option>
       <option value='3'>Value 3</option>
       <option value='4'>Value 4</option>
      </select>
      <input type="submit" id="vsubmit" class="input2" value="Submit" />
     </form>


 <div id="video_submit_response"></div>

我把我的代码放在这里：

http://jsfiddle.net/BxZCt/

我现在所拥有的代码问题是当你按下提交时他不检查输入值是否正确...希望有人可以帮我告诉我如何制作www的输出。 mywebsite.com/submit/将出现在ID video_submit_response

上

Answer 1

你必须绑定onsumbit函数，它将检查正确值的输入。您还可以将HTML5设置类型的网址验证为此输入为type="url"

Answer 2

您可以使用带有必需属性的HTML5验证器，模式属性（带正则表达式）并将输入类型设置为url ..

HTML5验证器与IE6到IE9（包括）不兼容。

另一个解决方案是在表单上实现onsubmit侦听器以手动执行验证...

如果您需要示例，请询问它。

希望它有所帮助。