jquery 通过submit()方法 提交表单示例
jquery 通過submit()方法 提交表單示例：
本示例：以用戶注冊作為例子。使用jquery中的submit()方法實現表單提交。
注：本示例僅提供了對表單的驗證，本例只用選用了三個字段作為測試。
? 用戶點擊提交按鈕時，觸發點擊事件，會執行所有表單框的驗證，如通過驗證，則執行submit()方法，對表單內容進行提交。?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用戶注冊</title>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){ ??
? ?$('#register').click(function(){
? ? ?var name=$('#name').val();
var pass=$('#pass').val();
var phone=$('#phone').val();
? ? ?if(name==''){
? ?alert('用戶名不能為空');
return false;
? }else if(pass==''){
? ? ?alert('密碼不能為空。');
?return false;
? }else if(phone==''){
? ? alert('手機號碼不能為空');
? ? return false;
? }else if(phone!=''){
? ? ?var reg=/^1[3458]\d{9}$/;
?if(!reg.test(phone)){
? alert('手機號碼格式不正確');
? return false;
}
? }else{
$('form').submit();
? }
? ?}) ? ?
})
</script>
</head>
<body>
<form name="myform" method="post" action="__URL__/register">
<input type="text" name="name" value="" id="name"/>
<input type="password" name="pass" value="" id="pass" />
<input type="text" name="phone" value="" id="phone" />
<input type="submit" name="" value="用戶注冊" id="register" />
</form>
</body>
</html>
?上面的示例：僅對表單框內容進行了簡單的驗證，
?這個驗證，可以寫得更詳細一點。可對用戶注冊時，用戶名是否存在進行驗證。
?還可以對用戶名表單框失去焦點時添加事件，對用戶名更詳細一步的進行驗證。?如：必須以字母開頭。長度必須大于多少位。。。在驗證的同時，也可以提示信息的文字內容進行改變，如驗證出錯時，文字以紅色顯示，驗證通過時，讓文字以綠色顯示。
? 關于用戶名檢測與驗證，本例僅給大家提供一下思路。
轉載于:https://www.cnblogs.com/msidevs/p/6109602.html
總結
以上是生活随笔為你收集整理的jquery 通过submit()方法 提交表单示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 学习笔记：MySQL字符串类型
- 下一篇： HTTP协议整理